/* 前端白明明 */ @charset "utf-8"; /* @font-face { font-family: "pfme"; src: url("../fonts/PINGFANGMEDIUM.TTF") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "pfbd"; src: url("../fonts/PINGFANGBOLD.TTF") format("truetype"); font-weight: normal; font-style: normal; }*/ @font-face { font-family: "din"; src: url("../fonts/DIN-REGULAR-2.ttf") format("truetype"); font-weight: normal; font-style: normal; } .pfbd{font-family: '微软雅黑';} .pfme{font-family: '微软雅黑';} .din{font-family: 'din';} *,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;resize: none;} *{ margin:0; padding:0;} body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden; min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #1f1f1f;font-family:'微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px; line-height:1;background: #fff;} html.act{overflow: hidden;width: 100%;height: 100vh;} ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; } .clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; } a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #1f1f1f;} textarea,select{ outline:none; color:#666; font-size:14px; width:100%;} img{border:none;display: block;max-width: 100%;} img[src=""]{opacity: 0;} .gdt::-webkit-scrollbar{ width:4px;height: 1px;} .gdt::-webkit-scrollbar-thumb{ background:#fabe00;} .gdt::-webkit-scrollbar-track{ background:#fff;} .f_12{ font-size:12px; } .f_16{ font-size:16px; } .f_18{ font-size:18px; } .f_20{ font-size:20px; } .f_22{font-size: 22px;} .f_24{ font-size:24px; } .f_26{ font-size:26px; } .f_28{ font-size:28px; } .f_30{ font-size:30px; } .f_32{ font-size:32px; } .f_34{ font-size:34px; } .f_36{ font-size:36px; } .f_38{ font-size:38px; } .f_40{font-size: 40px;} .f_42{font-size: 42px;} .f_48{font-size: 48px;} /*分页*/ .BMap_omCtrl{ display:none !important;} .a_dw{position: relative;top: -80px;} .box {min-width: 1200px;width:100%;padding: 0 90px; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;} .banbox { max-width: 1266px;min-width: 1200px;width:90%;padding: 0 ; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;} .page1{ text-align:center; height: 32px;margin: 0;text-align: center;display: flex;justify-content: center;} .page1 span a{display: block; color:#000; border-radius: 50%; width: 32px;height: 32px; text-decoration:none;font-size: 14px;} .page1 span a:hover,.page1 span.current a{ background:#fabe00; color:#fff;} .page1 span{margin:0 5px;display: inline-block; line-height: 32px;} .page1 span a.pre{background: url(../images/fy1.png) center no-repeat;background-size: 14px;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .page1 span a.pre:hover{background: #fab200 url(../images/fy2.png) center no-repeat;background-size: 14px;} .page1 span a.nex{background: url(../images/fy1.png) center no-repeat;background-size: 14px;} .page1 span a.nex:hover{background: #fab200 url(../images/fy2.png) center no-repeat;background-size: 14px;} .page2{width: 120px;height: 40px;background: #fabe00;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;text-align: center;} .alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .wow{opacity: 0;} .wow1{opacity: 1;} .fbd{font-weight: bold;} /* 头部 */ .head{position: fixed;width: 100%;height: 120px;z-index: 9;border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding: 0 60px 0 80px;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);top: 0;left: 0;} .head .logo{display: block;height: 40px;margin-top: 40px;float: left;position: relative;} .head .logo img{display: block;height: 100%;} .head .logo img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .head .jr{display: block;float: right;width: 110px;line-height: 48px;border-radius: 30px;border: 2px solid rgba(255, 255, 255, 0.4);color: #fff;text-align: center;margin-top: 35px;} .head .hda{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;display: flex;justify-content: center;padding-left: 45px;z-index: -1;} .head .hda li{position: relative;} .head .hda li .ltop{} .head .hda li .ltop a{display: block;line-height: 120px;color: #fff;margin: 0 42px;position: relative;} .head .hda li .ltop a s{display: block;width: 100%;height: 2px;background: #fabe00;position: absolute;left: 0;bottom: -1px;z-index: 2;opacity: 0;} .head .hda li .lbtm{position: absolute;width: 120px;top:calc(100% + 20px);left: 50%;margin-left: -60px;background: #fff;border-radius: 0 0 10px 10px;text-align: center;padding: 30px 0;opacity: 0;visibility: hidden;pointer-events: none;z-index: -1;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;} .head .hda li .lbtm a{display: block;line-height: 40px;color: #4e5461;font-size: 14px;} .head .hda li .lbtm a:hover{color: #fabe00;} .head .hda li:hover .lbtm{opacity: 1;visibility: visible;top:calc(100% + 1px );pointer-events: visible;} .head .hda li:nth-child(3) .lbtm{width: 180px;margin-left: -90px;} .head .hda li .lbtm2{position: absolute;width: 800px;top:calc(100% + 20px);left: 0;background: #fff;border-radius:0 0 10px 10px ;padding: 20px ;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;z-index: 5;font-size: 12px;font-weight: 0;opacity: 0;visibility: hidden;pointer-events: none;z-index: -1;} .head .hda li .lbtm2 .lss{display: block;width: 100%;height: 36px;border-radius: 3px;border: 1px #ccc solid;background: #fafafa;position: relative;} .head .hda li .lbtm2 .lss input{display: block;width: calc(100% - 36px);height: 100%;padding: 0 10px;border: 0;outline: none;float: left;} .head .hda li .lbtm2 .lss > a{display: block;width: 36px;height: 100%;float: right;background:url(../images/ss.png) center no-repeat ;background-size: 18px;} .head .hda li .lbtm2 .dl1{display: flex;justify-content: space-between;margin: 20px 0;} .head .hda li .lbtm2 .dl1 dd{} .head .hda li .lbtm2 .dl1 dd a{display: block;line-height: 28px;color: 333;} .head .hda li .lbtm2 .dl1 dd a:nth-child(1){line-height: 36px;font-weight: bold;font-size: 14px;font-family: 'pfbd';} .head .hda li .lbtm2 .dl1 dd a:hover{color: #fabe00;} .head .hda li .lbtm2 .dl1 dd .x{display: block;width: 80px;height: 1px;background:#ddd ;} .head .hda li .lbtm2 .hmore a{display: block;float: right;color: #888;} .head .hda li .lbtm2 .hmore a:hover{color: #fab200;} .head .hda li:hover .lbtm2{opacity: 1;visibility: visible;top:calc(100% + 1px );pointer-events: visible;z-index: 8;} .head .hda li .lbtm2 .lss .dl2{position: absolute; width: 100%;max-height: 220px;top: 100%;left: 0;z-index: 2;background: #fff;border: 1px solid #ddd;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;padding: 20px 50px 20px 0 ;overflow: auto;display: none;} .head .hda li .lbtm2 .lss .dl2 dd{display: block;width: 100%;background: #fff;padding:10px 0 10px 20px ;} .head .hda li .lbtm2 .lss .dl2 dd a{display: block;} .head .hda li .lbtm2 .lss .dl2 dd a div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 20px;color: #c4c4c4;} .head .hda li .lbtm2 .lss .dl2 dd a .dtt{display: block;width: 100%;color: #000;} .head .hda li .lbtm2 .lss .dl2 dd:hover{background: #f9f9f9;} .head .hda li .lbtm2 .lss .dl2 dd:hover a .dtt{color: #fabe00;} .hbtm{position: fixed;width: 100%;height: 100%;max-height: 600px;overflow: hidden;top: 120px;left: 0;z-index: 5;display: none;} .hbtm .ul1{} .hbtm .ul1 li{display: none;width: 100%;background: #fff;padding: 45px 0 70px;position: relative;height: 600px;} .hbtm .ul1 li s{display: block;width: 36%;height: 100%;background: #f5f5f6;position: absolute;top: 0;left: 0;z-index: 1;} .hbtm .ul1 li .lbox{position: relative;z-index: 2;width: 1110px;margin: 0 auto;} .hbtm .ul1 li .lbox .llt{width: 300px;float: left;} .hbtm .ul1 li .lbox .llt .tz{display: flex;color: #000;align-items: center;} .hbtm .ul1 li .lbox .llt .tz span{display: block;width: 6px;height: 11px;position: relative;overflow: hidden;margin-left: 10px;} .hbtm .ul1 li .lbox .llt .tz span img{display: block;width: 100%;position: relative;left: 0;} .hbtm .ul1 li .lbox .llt .tz span img:nth-child(2){position: absolute;top: 0;left: -100%;} .hbtm .ul1 li .lbox .llt .tz:hover{color: #fabe00;} .hbtm .ul1 li .lbox .llt .tz:hover img{margin-left: 100%;} .hbtm .ul1 li .lbox .llt .ia{margin-top: 35px;} .hbtm .ul1 li .lbox .llt .ia a{display: block;margin-top: 15px;} .hbtm .ul1 li .lbox .llt .ia a span{display: inline-block;border-bottom: 2px solid rgba(0, 0, 0, 0);padding-bottom: 5px;} .hbtm .ul1 li .lbox .llt .ia a:hover span,.hbtm .ul1 li .lbox .llt .ia a.act span{color: #fabe00;border-bottom: 2px solid #fabe00;} .hbtm .ul1 li .lbox .lrt{width:calc(100% - 320px);float: right;height:500px;overflow: auto;} .hbtm .ul1 li .lbox .lrt .ss{width: 100%;border-bottom: 1px solid #ddd;position: relative;padding-bottom: 10px;z-index: 5;} .hbtm .ul1 li .lbox .lrt .ss input{display: block;width: 100%;height: 20px;border: 0;background: #fff url(../images/ss.png) top left no-repeat;outline: none;resize: none;padding-left: 40px;} .hbtm .ul1 li .lbox .lrt .ss dl{position: absolute; width: 100%;max-height: 400px;top: 100%;left: 0;z-index: 2;background: #fff;border: 1px solid #ddd;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;padding: 30px 100px 30px 0 ;overflow: auto;display: none;} .hbtm .ul1 li .lbox .lrt .ss dl dd{display: block;width: 100%;background: #fff;padding:10px 0 10px 20px ;} .hbtm .ul1 li .lbox .lrt .ss dl dd a{display: block;} .hbtm .ul1 li .lbox .lrt .ss dl dd a div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 20px;color: #c4c4c4;} .hbtm .ul1 li .lbox .lrt .ss dl dd a .dtt{display: block;width: 100%;color: #000;} .hbtm .ul1 li .lbox .lrt .ss dl dd:hover{background: #f9f9f9;} .hbtm .ul1 li .lbox .lrt .ss dl dd:hover a .dtt{color: #fabe00;} .hbtm .ul1 li .lbox .lrt .ss:hover{border-bottom: 1px solid #fabe00;} .hbtm .ul1 li .lbox .lrt .ss:hover input{background: #fff url(../images/ss2.png) top left no-repeat;} .hbtm .ul1 li .lbox .lrt .xsa{width: 100%;} .hbtm .ul1 li .lbox .lrt .xsa dd{display: none;} .hbtm .ul1 li .lbox .lrt .xsa dd:nth-child(1){display: block;} .hbtm .ul1 li .lbox .lrt .xsa dd .dbox{display: flex;flex-wrap: wrap;} .hbtm .ul1 li .lbox .lrt .xsa dd .dbox a{display: block;width: 25%;margin-top: 45px;color: #222;} .hbtm .ul1 li .lbox .lrt .xsa dd .dbox a:hover{color: #fabe00;} .hbtm .ul1 li:nth-child(2) .lbox .lrt .xsa dd .dbox a{width: 50%;} .head.bai,.head.bai2,.head.act{background: #fff;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;} .head.bai .logo img,.head.bai2 .logo img,.head.act .logo img{opacity: 0;} .head.bai .logo img:nth-child(2),.head.bai2 .logo img:nth-child(2),.head.act .logo img:nth-child(2){opacity: 1;} .head.bai li .ltop a,.head.bai2 li .ltop a,.head.act li .ltop a{color: #222;} .head.bai .jr,.head.bai2 .jr,.head.act .jr{border: 2px solid #222;color: #222;} .head .jr:hover{background: #fabe00;border: 2px solid #fabe00;color: #fff;} .head .hda li.act .ltop a s{opacity: 1;} .head li:hover .ltop a{color: #fabe00;} .head{height: 80px;} .head .logo{height: 30px;margin-top: 25px;} .head .hda li .ltop a{line-height: 80px;} .head .jr{line-height:40px ;margin-top: 20px;} .hbtm{top: 80px;} .qqtp{position: fixed;top: -100vh;left: 0;width: 100%;overflow: hidden;} /* 首页 */ .i1{} .i1 .swiper1{} .i1 .swiper1 .sbox{position: relative;overflow: hidden;width: 100%;} .i1 .swiper1 .sbox img{display: block;width: 100%;} .i1 .swiper1 .sbox .mimg{display: none;} .i1 .swiper1 .sbox video{display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;object-fit: cover;height: 100%;} .i1 .swiper1 .sbox a{display: block;position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;} .i1 .swiper1 .btm{position: absolute;bottom: 0;z-index: 2;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 335px;} .i1 .swiper1 .btm img{display: block;width: 100%;} .i1 .swiper1 .btm .btn{display: block;width: 10px;height: 10px;background: #fff;border-radius: 50%;position: absolute;left:15px ;bottom: 25px;cursor: pointer;} .i1 .swiper1 .btm .next1{left: auto;right: 15px;} .i1 .swiper1 .btm .btn:hover{background: #fabe00;transform: scale(1.5);-webkit-transform: scale(1.5);} .i1 .swiper1 .btm .yuan{display: block;width: 16px;height: 16px;background: #fabe00;border-radius: 50%;position: absolute;left:50% ;top: -8px;margin-left: -6px; cursor: pointer;z-index: 2;} .i1 .swiper1 .btm .yuan span{display: block;border-radius: 50%;width: 100%; height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background: rgba(250, 190, 0, 0.4);opacity: 0;animation: pulsate 1.5s ease-out infinite;-webkit-animation: pulsate 1.5s ease-out infinite;} @keyframes pulsate {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(2);-webkit-transform: scale(2);opacity: 0; } } @-webkit-keyframes pulsate {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(2);-webkit-transform: scale(2);opacity: 0; } } .pd80{padding: 80px 0 100px;} .pd100{padding: 100px 0 80px;} .tt{text-align: center;} .ten{text-align: center;color: #fabe00;margin: 10px auto 25px;font-weight: normal !important;} .xian{display: block;width: 18px;height: 2px;background: #fabe00;margin: 0 auto 40px;} .i2{background: #fcfaf6;} .i2 .itop{} .i2 .itop .ilt{width: 66%;float: left;background: #fff;position: relative;overflow: hidden;} .i2 .itop .ilt a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;} .i2 .itop .ilt .img{display: block;width: 100%;overflow: hidden;height: 460px;} .i2 .itop .ilt .img img{position: relative;left: 50%; display: block;height: 100%; transform: translateX(-50%) scale(1.00001);-webkit-transform: translateX(-50%) scale(1.00001);max-width: 1920px;} .i2 .itop .ilt .img img:nth-child(2){display: none;} .i2 .itop .ilt .txt{padding: 50px 40px;} .i2 .itop .ilt .txt .day{font-weight: bold;} .i2 .itop .ilt .txt .itt{margin: 25px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .i2 .itop .ilt .txt .itc{word-break: break-all;text-align: justify; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 24px;height: 48px;color: #555;} .xiexian{display: block;width: 40px;margin-top: 50px;position: relative;border-bottom: 2px solid #fabe00;} .xiexian s{display: block;width: 20px;height: 20px;border-right: 2px solid #fabe00;position: absolute;right: 2px;bottom: -11px;z-index: 2;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .xiexian.bai{border-bottom: 2px solid #fff;} .xiexian.bai s{border-right: 2px solid #fff;} .i2 .itop .ilt:hover .img img{transform: translateX(-50%) scale(1.1);-webkit-transform: translateX(-50%) scale(1.1);-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} .i2 .itop .ilt:hover .txt .itt{color: #fabe00;} .i2 .itop .ilt:hover .xiexian{width: 80px;} .i2 .itop .irt{width: 32.2%;float: right;} .i2 .itop .irt .img{height: 372px;} .i2 .itop .irt .txt{padding: 50px 30px;background: #fabe00;} .i2 .itop .irt .txt .itt{word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;line-height: 32px;height: 64px;color: #fff;} .i2 .itop .irt .txt .itc{word-break: break-all;text-align: justify; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;line-height: 24px;height: 96px;color: #fff;} .i2 .itop .irt .txt .day{color: #fff;font-weight: bold;} .i2 .itop .irt:hover .txt .itt{color: #fff;} .i2 .ul1{margin: 30px 0 40px;} .i2 .ul1 li{width: 32%;float: left;margin-right: 2%;background: #fff;overflow: hidden;position: relative;} .i2 .ul1 li:nth-child(3){margin-right: 0;} .i2 .ul1 li a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;} .i2 .ul1 li .img{display: block;width: 100%;overflow: hidden;} .i2 .ul1 li .img img{display: block;width: 100%; transform: scale(1.00001);-webkit-transform: scale(1.00001);max-width: 1920px;} .i2 .ul1 li .img img:nth-child(2){display: none;} .i2 .ul1 li .txt{padding: 50px 30px;} .i2 .ul1 li .txt .day{font-weight: bold;} .i2 .ul1 li .txt .itt{margin: 25px 0;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;line-height: 32px;height: 64px;color: #000;} .i2 .ul1 li .txt .itc{word-break: break-all;text-align: justify; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 24px;height: 48px;color: #555;} .i2 .ul1 li:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} .i2 .ul1 li:hover .txt .itt{color: #fabe00;} .i2 .ul1 li:hover .xiexian{width: 80px;} .i2 .ul1 li .xiexian{margin-top: 30px;} .more{display: flex;width: 140px;line-height: 48px;justify-content: center;background: #fabe00;color: #fff;margin: 0 auto;border-radius: 30px;align-items: center;} .more span{display: block;width: 0px;height: 10px;background: url(../images/jt_bai.png) center right no-repeat;margin-left: 0px;position: relative;} .more:hover span {width: 5px;margin-left: 10px;} .i3{padding-top: 80px;} .i3 .iimg{position: relative;} .i3 .iimg img{display: block;width: 100%;} .i3 .iimg .ibox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;} .i3 .iimg .ibox .c{width: 21%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background:url(../images/in_2.png) center left no-repeat; background-size: cover;} .i3 .iimg .ibox .box{height: 100%;} .i3 .iimg .ibox .box .ilt{width: 110px;float: left;height: 100%;color: #fff;display: flex;align-content: center; flex-wrap: wrap;} .i3 .iimg .ibox .box .ilt li{margin: 40% 0;opacity: 0.6;cursor: pointer;} .i3 .iimg .ibox .box .ilt li.act{opacity: 1;} .i3 .iimg .ibox .box .ilt .ico{display: block;width: 110px;margin-bottom: 15px;} .i3 .iimg .ibox .box .ilt .ico img{display: block;margin: 0 auto;width: 80px;} .i3 .iimg .ibox .box .irt{width: 77%;height: 100%;float: right;position: relative;padding-top: 5%;} .i3 .iimg .ibox .box .irt .ul1{position: relative;width: 100%;height: 100%;} .i3 .iimg .ibox .box .irt dl dd{display: none;} .i3 .iimg .ibox .box .irt dl dd:nth-child(1){display: block;} .i3 .iimg .ibox .box .irt dl dd .more span s{margin-top: 0;} .i3 .iimg .ibox .box .irt dl dd .ul1 {margin-bottom: 10px;} .i3 .iimg .ibox .box .irt dl dd .ul1 li{width: 49%;float: left;position: relative;overflow: hidden;margin-bottom: 2%;} .i3 .iimg .ibox .box .irt dl dd .ul1 li:nth-child(2n){float: right;} .i3 .iimg .ibox .box .irt dl dd .ul1 li a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;} .i3 .iimg .ibox .box .irt dl dd .ul1 li .img{display: block;width: 100%;overflow: hidden;position: relative;} .i3 .iimg .ibox .box .irt dl dd .ul1 li .img img{display: block;width: 100%;transform: scale(1.00001);-webkit-transform: scale(1.00001);} .i3 .iimg .ibox .box .irt dl dd .ul1 li .img .z{position: absolute;top: 0;left: 0;z-index: 2;} .i3 .iimg .ibox .box .irt dl dd .ul1 li .img .yuan{position: absolute;top: 50%;left: 50%;width: 400px;height: 400px;margin-top: -200px;margin-left: -200px; border: 70px solid rgba(255, 255, 255, 0.8);border-radius: 50%; transform: scale(0.1);-webkit-transform: scale(0.1);opacity: 0;} .i3 .iimg .ibox .box .irt dl dd .ul1 li .txt{position: absolute;left: 0;z-index: 2;width: 100%;bottom: -40px;color: #fff;padding: 25px;} .i3 .iimg .ibox .box .irt dl dd .ul1 li .txt .ltc{margin: 15px 0 20px;} .i3 .iimg .ibox .box .irt dl dd .ul1 li .txt .lmoe{display: inline-block;padding-right: 15px;background:url(../images/jt_bai.png) center right no-repeat ;opacity: 0;} .i3 .iimg .ibox .box .irt dl dd .ul1 li:hover .img .yuan{transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 1;-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} .i3 .iimg .ibox .box .irt dl dd .ul1 li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} .i3 .iimg .ibox .box .irt dl dd .ul1 li:hover .txt{bottom: 0;} .i3 .iimg .ibox .box .irt dl dd .ul1 li:hover .txt .lmoe{opacity: 1;transition-delay: .2s;-webkit-transition-delay: .2s;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb{margin-bottom: 20px;padding-bottom: 30px;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox{position: relative;overflow: hidden;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox .img{display: block;width: 100%;overflow: hidden;position: relative;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox .img img{display: block;width: 100%;transform: scale(1.00001);-webkit-transform: scale(1.00001);} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox .img .z{position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;height: 100%; transform: scale(1);-webkit-transform: scale(1);object-fit: cover;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox .img .yuan{position: absolute;top: 50%;left: 50%;width: 400px;height: 400px;margin-top: -200px;margin-left: -200px; border: 70px solid rgba(255, 255, 255, 0.8);border-radius: 50%; transform: scale(0.1);-webkit-transform: scale(0.1);opacity: 0;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox .txt{position: absolute;left: 0;z-index: 2;width: 100%;bottom: -40px;color: #fff;padding: 25px;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox .txt .ltc{margin: 15px 0 20px;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox .txt .lmoe{display: inline-block;padding-right: 15px;background:url(../images/jt_bai.png) center right no-repeat ;opacity: 0;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox:hover .img .yuan{transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 1;-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox:hover .img img:nth-child(1) {transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox:hover .txt{bottom: 0;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .swiper-slide .sbox:hover .txt .lmoe{opacity: 1;transition-delay: .2s;-webkit-transition-delay: .2s;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .pagination_sb{bottom: 0;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .pagination_sb span{opacity: 1;background:#ddd ;} .i3 .iimg .ibox .box .irt dl dd .swiper1_sb .pagination_sb span.swiper-pagination-bullet-active{background:#fabe00 ;} .i4{background: #f3f9fc url(../images/in_4.jpg) center top no-repeat ;} .i4 .ilt{width: 220px;float: left;} .i4 .irt{width: 58%;float: right;text-align: justify;line-height: 26px;color: #555;} .i4 .swiper2{margin-top: 60px;} .i4 .swiper2 .swiper-slide{width: 390px;position: relative;overflow: hidden;} .i4 .swiper2 .swiper-slide a{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;} .i4 .swiper2 .swiper-slide img{width: 100%;} .i4 .swiper2 .swiper-slide .img{position: relative;} .i4 .swiper2 .swiper-slide .img img:nth-child(2){position: absolute;left: 0;bottom: 0;z-index: 2;} .i4 .swiper2 .swiper-slide .img img:nth-child(1){opacity: 0;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .i4 .swiper2 .swiper-slide .txt{text-align: center;padding-top: 95px;color: #222;font-size: 18px;} .i4 .swiper2 .swiper-slide .jt {display: block;width: 70px;margin: 40px auto 0;opacity: 0;color: #fabe00;background: url(../images/jt_hua.png) center right no-repeat;} .i4 .swiper2 .swiper-slide:hover .img img:nth-child(1){opacity: 1;} .i4 .swiper2 .swiper-slide:hover .jt{opacity: 1;} .i4 .swiper2 .scrollbar2{display: none;} .i5{position: relative;overflow: hidden;z-index: 1;} .i5 .ilt{position: absolute;top: 0;left: 0;z-index: 2;width: 20%;height: 100%;top: 0;left: 0;z-index: 2;padding:5% 0 0 4%;background: url(../images/in_4_0.jpg) center top no-repeat;background-size: cover;} .i5 .ilt div{text-align: left;color: #fff;} .i5 .ilt .xian{margin-left: 0;background:#fff ;} .i5 .irt{float: right;width: 80%;position: relative;} .i5 .irt .swiper3{} .i5 .irt .swiper3 .swiper-slide{} .i5 .irt .swiper3 .swiper-slide img{display: block;width: 100%;} .i5 .irt .swiper3 .swiper-slide .txt{display: none;} .i5 .irt .swiper3 .swiper-slide .sbox{position: relative;overflow: hidden;} .i5 .irt .swiper3 .swiper-slide .sbox a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;} .i5 .irt .swiper3 .pagination3{text-align: left;bottom: 40px;padding-left: 100px;display: none;} .i5 .irt .swiper3 .pagination3 span{opacity: 1;width: 20px;line-height: 20px;height: 20px; border-radius: 0;position: relative;background:rgba(0, 0, 0, 0) ;color: #fff;overflow: hidden;} .i5 .irt .swiper3 .pagination3 span::after{content: '';display: block;width: 0px;height: 1px;background:rgba(255, 255, 255, 0.5) ;position: absolute;top: 50%;left: 20px;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .i5 .irt .swiper3 .pagination3 span::before{content: '';display: block;width: 0px;height: 1px;background:rgba(255, 255, 255, 1) ;position: absolute;top: 50%;left: 20px; -webkit-transition: all 4.5s linear; -moz-transition: all 4.5s linear; transition: all 4.5s linear;} .i5 .irt .swiper3 .pagination3 span.swiper-pagination-bullet-active{width: 180px;} .i5 .irt .swiper3 .pagination3 span.swiper-pagination-bullet-active::after{width: 160px;} .i5 .irt .swiper3 .pagination3 span.swiper-pagination-bullet-active::before{width: 160px;transition-delay: .5s;-webkit-transition-delay: .5s;} .i5 .irt .swiper3 .btn{display: flex;width: 80px;position: absolute;right: 90px;bottom: 30px;z-index: 11;justify-content: space-between;} .i5 .irt .swiper3 .btn div{display: block;width: 14px;height: 24px;position: relative;background:url(../images/jt_bai2.png) center no-repeat ;cursor: pointer;} .i5 .irt .swiper3 .btn div s{position: absolute;display: block;width: 0px;height: 2px;background:#fff ;right: 1px;top: 50%;margin-top: -1px;display: none;} .i5 .irt .swiper3 .btn .prev3{transform: rotate(180deg);-webkit-transform: rotate(180deg);} .i5 .irt .swiper3 .btn div:hover s{width: 30px;} .i5 .ul1{display: block;position: absolute;width: 21%;left: 30px;bottom: 50px; padding: 2.5%;z-index: 5;color: #fff;background:#252525 ;min-height: 250px;} .i5 .ul1 li{position: relative;line-height: 1.5;display: none;} .i5 .ul1 li .stt{font-weight: bold;} .i5 .ul1 li .stc{font-weight: normal !important;} .i5 .ul1 li a{display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;} .i5 .ul1 li:nth-child(1){display: block;} .i5 .ul1 li:hover .xiexian{width: 80px;} .i6{background:#f3f9fc ;} .i6 .ul1{margin-bottom: 60px;} .i6 .ul1 li{width: 47.7%;float: left;position: relative;} .i6 .ul1 li:nth-child(2n){float: right;} .i6 .ul1 li a{display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;} .i6 .ul1 li .txt{width:31% ;float: left;padding-top: 50px;line-height: 1.5;} .i6 .ul1 li .img{float: right;width: 66%;overflow: hidden;height: 310px;} .i6 .ul1 li .img img{max-width: 900px;display: block;height: 100%;position: relative;left: 50%;top: 50%; transform: scale(1.0000001) translate(-50%,-50%);-webkit-transform: scale(1.0000001) translate(-50%,-50%);} .i6 .ul1 li .txt .lxian{width: 35px;height: 8px;background:#fabe00 ;border-radius: 30px;} .i6 .ul1 li .txt .ltt{margin: 15px 0 20px;font-weight: bold;} .i6 .ul1 li .txt .len{color: #d6e0e5;} .i6 .ul1 li .hei{width: 30px;position: relative;margin-left: 10px;border-bottom: 2px solid #000;} .i6 .ul1 li .hei s{border-right: 2px solid #000;width: 15px;height: 15px;bottom: -8px;} .i6 .ul1 li .hei span{display: block;width: 46px;height: 46px;border: 2px solid #fabe00;border-radius: 50%;position: absolute;top: -25px;left: -7px;z-index: 2;} .i6 .ul1 li:hover .img img{transform: scale(1.1) translate(-45%,-48%);-webkit-transform: scale(1.1) translate(-45%,-48%);} .i6 .ul1 li:hover .txt .ltt{color: #fabe00;} .i6 .ul1 li:hover .hei span{opacity: 0;} .i6 .ul1 li:hover .hei {width: 60px;} .i6 .more span s{margin-top: 0;} /* 底部 */ .footer{background:#000 ;padding: 55px 0 45px;position: relative;z-index: 3;} .footer .ftop{} .footer .ftop .logo{display: block;float: left;} .footer .ftop .car{display: flex;width: 160px;line-height: 50px;justify-content: center;align-items: center;border: 1px solid #fff;border: 1px solid #fff;border-radius: 30px;float: right;color: #fff;} .footer .ftop .car img{display: block;margin-right: 15px;} .footer .ftop .car:hover{background:#fabe00 ;border: 1px solid #fabe00;} .footer .fcon{padding: 45px 0;border-top: 1px solid rgba(255, 255, 255, 0.2);border-bottom: 1px solid rgba(255, 255, 255, 0.2);margin: 50px 0 40px;} .footer .fcon .frt{color: #fff;float: right;width: 330px;text-align: right;} .footer .fcon .frt .dh{color: #fff;margin:20px 0 30px;} .footer .fcon .frt .dh span{display: inline-block;border-bottom: 2px solid #fff;padding-bottom: 8px;} .footer .fcon .frt .dz{color: rgba(255, 255, 255, 0.6);display: flex;justify-content: right;} .footer .fcon .frt .dz img{display: block;margin-right: 5px;} .footer .fcon .frt .dz:hover{color: #fff;} .footer .fcon .frt .ewm{display: inline-block;margin-top: 20px;text-align: center;color: rgba(255, 255, 255, 0.6);} .footer .fcon .frt .ewm img{display: block;border-radius: 5px;margin-bottom: 10px;} .footer .fcon .ul1{width: calc(100% - 350px);display: flex;float: left;justify-content: space-between;} .footer .fcon .ul1 li{} .footer .fcon .ul1 li a{display: block;color: rgba(255, 255, 255, 0.4);margin-bottom: 15px;} .footer .fcon .ul1 li a:nth-child(1){color: #fff;margin-bottom: 40px;} .footer .fcon .ul1 li a:hover{color: #fff;} .footer .fbtm{} .footer .fbtm .flt{float: left;display: flex;align-items: center;} .footer .fbtm .flt a,.footer .fbtm .flt span {display: block;margin-right: 10px;color: rgba(255, 255, 255, 0.4);} .footer .fbtm .flt a:hover{color: #fff;} .footer .fbtm .frt{float: right;} .footer .fbtm .frt *{color: rgba(255, 255, 255, 0.4);} .footer .fbtm2{display: none;} /* 右侧 */ .right{display: block;position: fixed;width: 68px;right: -80px;top: 50%;transform: translateY(-50%);z-index: 9;} .right .ul1{background: #fff;border-radius: 5px;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;} .right .ul1 li{position: relative;} .right a{display: block;width: 100%;height: 68px;border-bottom: 1px solid #ddd;padding: 10px 0 0;text-align: center;color: #808080;position: relative;} .right a .img{display: block;position: relative;margin: 0 auto ;width: 30px;margin-bottom: 6px;} .right a .img img{display: block;} .right a .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .right .ul1 li:last-child a{border: 0;} .right a:hover .img img{opacity: 0;} .right a:hover .img img:nth-child(2){opacity: 1;} .right a:hover {color: #fabe00;} .right a .ewm{display: block;width: 200px;position: absolute;top: 0;right: 0;opacity: 0;visibility: hidden;pointer-events: none; z-index: -2;border-radius: 5px 0 0 5px;overflow: hidden;} .right a .ewm img{display: block;width: 100%;} .right a:hover .ewm{right: 100%;opacity: 1;visibility: visible;} .right .top{background: #fff;border: 0;border-radius: 5px;margin-top: 10px;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;} .right.act{right: 10px;} /* banner */ .banner{position: relative;overflow: hidden;} .banner img{display: block;width: 100%;} .banner .pimg{opacity: 0;} .banner .mimg{display: none;} .banner .txt{position: absolute;top: 55%;left: 0;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #fff;width: 100%;} .banner .txt .mor{display: block;width: 100px;text-align: center;line-height: 32px;color: #fff;background: #fabe00;margin-top: 65px;} .banner .txt .mor:hover{border-radius: 30px ;} .banner .nav{background:rgba(0, 0, 0, 0.3) ;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 2;} .banner .nav .abox{display: flex;justify-content: space-evenly;} .banner .nav .abox a{display: block;color: #fff;line-height: 60px;text-align: center;opacity: 0.8;width: 33.3%;} .banner .nav .abox a:hover{opacity: 1;} /* 产品 */ .pr1{position: relative;padding: 80px 0 0;} .pr1 .prt{width: 84%;float: right;} .pr1 .prt .ul1{margin: 40px 0 80px;} .pr1 .prt .ul1 li{width: calc(50% - 10px);margin-right: 20px; height: 227px;background: url(../images/pr_bg_1.png) center no-repeat;background-size: cover;border-radius: 20px;overflow: hidden;position: relative;float: left;text-align: center;padding-top: 40px;margin-bottom: 20px;} .pr1 .prt .ul1 li a{display: block;position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;} .pr1 .prt .ul1 li .img{display: block;width: 70px;position: relative;margin: 0 auto 10px;} .pr1 .prt .ul1 li .img img{display: block;width: 100%;} .pr1 .prt .ul1 li .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .pr1 .prt .ul1 li:nth-child(n + 3){width: calc(33.33% - 13.5px);} .pr1 .prt .ul1 li:nth-child(3n - 1){margin-right: 0;} .pr1 .prt .ul1 li:nth-child(2){margin-right: 0;} .pr1 .prt .ul1 li .wz{color: #000;} .pr1 .prt .ul1 li .mor{display: block;width: 105px;text-align: center;line-height: 26px;border: 2px solid #fabe00;border-radius: 30px;margin: 30px auto 0;opacity: 0;} .pr1 .prt .ul1 li:hover{background: url(../images/pr_bg_2.png) center no-repeat;background-size: cover;-moz-box-shadow:0px 1px 20px #FABE00; -webkit-box-shadow:0px 1px 20px #FABE00; box-shadow:0px 1px 20px #FABE00;} .pr1 .prt .ul1 li:hover .img img:nth-child(1){opacity: 0;} .pr1 .prt .ul1 li:hover .img img:nth-child(2){opacity: 1;} .pr1 .prt .ul1 li:hover .wz{color: #fff;} .pr1 .prt .ul1 li:hover .mor{background:#fff ;color: #fabe00;opacity: 1;} .pr1 .plt{position: absolute;top: 80px;left: 17%;z-index: 2;width: 160px;} .pr1 .plt a{display: block;line-height: 40px;margin: 5px 0;padding: 0 20px;background:url(../images/jt_bai.png) 86% center no-repeat ;border: 1px solid rgba(0, 0, 0, 0);} .pr1 .plt a.act{border: 1px solid #ddd;background:url(../images/jt_hui.png) 86% center no-repeat ;color: #fabe00;} .pr1 .plt a:hover{color: #fabe00;} .pr1.act .plt{position: fixed;} /* 产品详情 */ .prc1{background:url(../images/prc_bg1.jpg) center top no-repeat ;background-size: cover;z-index: 2;position: relative;} .prc1 .pcon{margin-top: 65px;display: flex;justify-content: center;height: 345px;overflow: hidden;border-radius: 8px;} .prc1 .pcon .img{display: block;width: 49.5%;overflow: hidden;position: relative;} .prc1 .pcon .img img{display: block;height: 100%;max-width: 1920px;position: relative;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .prc1 .pcon .img .bf{display: block;width: 60px;position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);cursor: pointer;} .prc1 .pcon .img .bf span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background:rgba(255, 255, 255, 0.3) ;border-radius: 50%;opacity: 0;} .prc1 .pcon .img .bf span:hover{animation: pulsate 1.5s ease-out infinite;-webkit-animation: pulsate 1.5s ease-out infinite;} @keyframes pulsate {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(2);-webkit-transform: scale(2);opacity: 0; } } @-webkit-keyframes pulsate {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(2);-webkit-transform: scale(2);opacity: 0; } } .prc1 .pcon .txt{display: flex;width: 50.5%;height: 100%;flex-wrap: wrap; align-content: center; padding: 30px 40px 0 ;justify-content: flex-start;flex-direction: column;background:#fff ;} .prc1 .pcon .txt .pxian{display: block;width: 24px;height: 4px;background:#fabe00 ;margin: 20px 0;} .prc1 .pcon .txt .ptc{color: #5e646f;line-height: 34px;height: 110px;overflow: auto;margin-bottom: 10px;text-align: justify;padding-right: 10px;word-wrap: break-word; word-break: normal;} .prc1 .pcon .txt img{display: block;width: 100px;} .prc1 .pcon.act .txt{background:rgba(0, 0, 0, 0) ;text-align: center;justify-content: center;align-items: center;} .prc2{background: url(../images/prc_bg2.jpg) center no-repeat fixed;background-size: cover;z-index: 2;position: relative;} .prc2 .tt{color: #fff;} .prc2 .swiper4{margin-top: 50px;padding-bottom: 30px;} .prc2 .swiper4 .swiper-slide .sbox{background:#fff ;padding: 30px 20px;height: 330px;border-radius: 10px;text-align: center;} .prc2 .swiper4 .swiper-slide .sbox .ico{width: 70px;margin: 0 auto ;} .prc2 .swiper4 .swiper-slide .sbox .stt{margin: 30px 0 20px;} .prc2 .swiper4 .swiper-slide .sbox .stc{line-height: 24px;color: #5e646f;} .prc2 .swiper4 .swiper-slide .sbox .stc li{margin-top: 5px;} .prc2 .swiper4 .pagination4{bottom: 0;} .prc2 .swiper4 .pagination4 span{opacity: 1;background:#fff ;} .prc2 .swiper4 .pagination4 span.swiper-pagination-bullet-active{background:#fabe00 ;} .prc2 .next4{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;right: -70px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;} .prc2 .prev4{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;left: -70px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .prc2 .next4:hover,.prc2 .prev4:hover{background:#fabe00 url(../images/r_jt2.png) center no-repeat;} .prc3{background:#f5f7fa ;z-index: 2;position: relative;} .prc3 .swiper5{margin-top: 50px;padding-bottom: 30px;} .prc3 .swiper5 .swiper-slide .sbox{background:#fff url(../images/prc_3_1.png) center no-repeat ;background-size: cover; border-radius: 20px;overflow: hidden;position: relative;height: 325px;padding: 40px 15px 0;text-align: center;} .prc3 .swiper5 .swiper-slide .sbox .ico{width: 70px;margin: 0 auto ;position: relative;overflow: hidden;} .prc3 .swiper5 .swiper-slide .sbox .ico img{display: block;width: 100%;} .prc3 .swiper5 .swiper-slide .sbox .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .prc3 .swiper5 .swiper-slide .sbox .stt{margin: 30px auto;color: #222;line-height: 1.5;} .prc3 .swiper5 .swiper-slide .sbox .stc{line-height: 24px;color: #5e646f;} .prc3 .swiper5 .swiper-slide .sbox:hover{background:#fabe00 url(../images/prc_3_2.png) center no-repeat ;background-size: cover;} .prc3 .swiper5 .swiper-slide .sbox:hover .ico img{opacity: 0;} .prc3 .swiper5 .swiper-slide .sbox:hover .ico img:nth-child(2){opacity: 1;} .prc3 .swiper5 .swiper-slide .sbox:hover .stt{color: #fff;} .prc3 .swiper5 .swiper-slide .sbox:hover .stc{color: #fff;} .prc3 .next5{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;right: -70px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;} .prc3 .prev5{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;left: -70px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .prc3 .next5:hover,.prc3 .prev5:hover{background:#fabe00 url(../images/r_jt2.png) center no-repeat;} .prc3 .swiper5 .pagination5{bottom: 0;} .prc3 .swiper5 .pagination5 span{opacity: 1;background:#fff ;} .prc3 .swiper5 .pagination5 span.swiper-pagination-bullet-active{background:#fabe00 ;} .prc4,.prc4_2{background:url(../images/prc_bg4.jpg) center no-repeat ;background-size: cover;z-index: 2;position: relative;} .prc4 .swiper6{margin: 70px 0;border-bottom: 1px solid #d5d6d9;} .prc4 .swiper6 .swiper-slide{height: 40px;cursor: pointer;width: auto;margin-right: 40px;} .prc4 .swiper6 .swiper-slide span{display: inline-block;height: 41px;border-bottom: 3px solid rgba(0, 0, 0, 0);} .prc4 .swiper6 .swiper-slide.act span{border-bottom: 3px solid #fabe00;color: #fabe00;} .prc4 .ul1{} .prc4 .ul1 li{background:#fff ;height: 330px;overflow: hidden;display: none;} .prc4 .ul1 li .img{width: 47%;height: 100%;position: relative;float: right;overflow: hidden;} .prc4 .ul1 li .img img{display: block;width: 100%;height: 100%;} .prc4 .ul1 li .img .swiper6_img{height: 100%;} .prc4 .ul1 li .img .swiper6_img .pagination6img span{background:#fff ;opacity: 1;} .prc4 .ul1 li .img .swiper6_img .pagination6img span.swiper-pagination-bullet-active{background:#fabe00 ;opacity: 1;} .prc4 .ul1 li .txt{width: 53%;height: 100%;float: left;padding: 60px 50px 0;} .prc4 .ul1 li .txt .lxian{display: block;width: 30px;height: 4px;background:#fabe00 ;margin: 20px 0;} .prc4 .ul1 li .txt .ltc{color: #5e646f;line-height: 24px;text-align: justify;overflow: auto;height: 180px;} .prc4 .ul1 li:nth-child(1){display: block;} .prc4_2 .ul1{margin-top: 50px;} .prc4_2 .ul1 li{height: 400px;margin-bottom: 60px;} .prc4_2 .ul1 li .img{width: 47%;height: 100%;position: relative;float: left;overflow: hidden;} .prc4_2 .ul1 li .img img{display: block;width: 100%;height: 100%;} .prc4_2 .ul1 li .img .bf{display: block;width: 60px;position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);cursor: pointer;} .prc4_2 .ul1 li .img .bf span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background:rgba(255, 255, 255, 0.3) ;border-radius: 50%;opacity: 0;} .prc4_2 .ul1 li .img .bf span:hover{animation: pulsate 1.5s ease-out infinite;-webkit-animation: pulsate 1.5s ease-out infinite;} .prc4_2 .ul1 li .txt{width: 46%;height: 100%;float: right;padding:30px 30px 30px 0;height: 100%;overflow: auto;text-align: justify;} .prc4_2 .ul1 li .txt dd{display: block;margin-bottom: 35px;line-height: 24px;cursor: pointer;} .prc4_2 .ul1 li .txt dd:last-child{margin-bottom: 0;} .prc4_2 .ul1 li .txt dd .dtc{color: #5e646f;} .prc4_2 .ul1 li .txt dd.act .dtt{font-weight: bold;color: #fabe00;} .prc4_2 .ul1 li .txt dd.act .dtc{color: #000;} .prc4_2 .ul1 li .txt::-webkit-scrollbar{ width:4px;height: 1px;border-radius: 10px;} .prc4_2 .ul1 li .txt::-webkit-scrollbar-thumb{ background:#fabe00;border-radius: 10px;} .prc4_2 .ul1 li .txt::-webkit-scrollbar-track{ background:#ddd;border-radius: 10px;} .prc4_2 .ul1 li:last-child{margin-bottom: 0;} .prc4_2 .ul1 li:nth-child(2n) .img{float: right;} .prc4_2 .ul1 li:nth-child(2n) .txt{float: left;} .prc5{background:#fff ;z-index: 2;position: relative;} .prc5 .ptc{margin-top: 50px;} .prc5 .ptc img{display: inline-block;} .prc5_1,.prc5_2{background:#fbfbff ;z-index: 2;position: relative;} .prc5_1 .swiper7{margin-top: 50px;padding-bottom: 30px;} .prc5_1 .swiper7 .swiper-slide{} .prc5_1 .swiper7 .swiper-slide .sbox{background:#f8f9fb ;border-radius: 5px;overflow: hidden;} .prc5_1 .swiper7 .swiper-slide .sbox .ico,.prc5_1 .swiper7 .swiper-slide .sbox .ico img{display: block;width: 100%;} .prc5_1 .swiper7 .swiper-slide .sbox .ico img{transform: scale(1.0000001);-webkit-transform: scale(1.0000001);} .prc5_1 .swiper7 .swiper-slide .sbox .stt{background:#fff ;text-align: center;line-height: 60px;border-bottom: 4px solid #fff;} .prc5_1 .swiper7 .swiper-slide .sbox:hover .ico img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} .prc5_1 .swiper7 .swiper-slide .sbox:hover .stt{border-bottom: 4px solid #fabe00;color: #fabe00;} .prc5_1 .swiper7 .pagination7{bottom: 0;} .prc5_1 .swiper7 .pagination7 span{opacity: 1;background:#fff ;} .prc5_1 .swiper7 .pagination7 span.swiper-pagination-bullet-active{background:#fabe00 ;} .prc5_2 .swiper8{margin-top: 50px;padding-bottom: 30px;} .prc5_2 .swiper8 .swiper-slide .sbox{background:#fff ;border-radius: 20px;height: 270px;text-align: center;padding-top: 5px;border-bottom: 4px solid #eaecf4;} .prc5_2 .swiper8 .swiper-slide .sbox .ico{width: 105px;position: relative;margin: 35px auto ;background:#fff ;border-radius: 50%;overflow: hidden;-moz-box-shadow:0px 1px 10px #eee; -webkit-box-shadow:0px 1px 10px #eee; box-shadow:0px 1px 10px #eee;} .prc5_2 .swiper8 .swiper-slide .sbox .ico img{display: block;width: 100%;} .prc5_2 .swiper8 .swiper-slide .sbox .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .prc5_2 .swiper8 .swiper-slide .sbox:hover{border-bottom: 4px solid #fabe00;-moz-box-shadow:0px 1px 20px #eee; -webkit-box-shadow:0px 1px 20px #eee; box-shadow:0px 1px 20px #eee;} .prc5_2 .swiper8 .swiper-slide .sbox:hover .ico{background:#fabe00 ;-moz-box-shadow:0px 1px 20px #fabe00; -webkit-box-shadow:0px 1px 20px #fabe00; box-shadow:0px 1px 20px #fabe00;} .prc5_2 .swiper8 .swiper-slide .sbox:hover .ico img{opacity: 0;} .prc5_2 .swiper8 .swiper-slide .sbox:hover .ico img:nth-child(2){opacity: 1;} .prc5_2 .swiper8 .pagination8{bottom: 0;} .prc5_2 .swiper8 .pagination8 span{opacity: 1;background:#fff ;} .prc5_2 .swiper8 .pagination8 span.swiper-pagination-bullet-active{background:#fabe00 ;} .prc5_2 .next8{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;right: -70px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;} .prc5_2 .prev8{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;left: -70px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .prc5_2 .next8:hover,.prc5_2 .prev8:hover{background:#fabe00 url(../images/r_jt2.png) center no-repeat;} .prc6{background:#f3f5fc ;z-index: 2;position: relative;} .prc6 .ul1{margin-top: 50px;} .prc6 .ul1 li{width: 100%;padding: 45px 0;border-bottom: 1px solid #e9ebf2;} .prc6 .ul1 li .img{display: block;width: 35.5%;float: left;} .prc6 .ul1 li .img img{display: block;width: 100%;} .prc6 .ul1 li .txt{float: right;width: 51.5%;line-height: 24px;color: #5e646f;} .prc6 .ul1 li .txt .ltt{color: #000;line-height: 34px;margin-bottom: 20px;} .prc6 .ul1 li:nth-child(2n) .img{float: right;} .prc6 .ul1 li:nth-child(2n) .txt{float: left;} .prc6 .ul1 li:last-child{border: 0;padding-bottom: 0;} .prc7 {z-index: 2;position: relative;} .prc7 .swiper9{margin-top: 50px;padding-bottom: 30px;} .prc7 .swiper9 .swiper-slide .sbox{background:#f8f9fe ;border-radius: 20px;overflow: hidden;} .prc7 .swiper9 .swiper-slide .sbox .txt{padding: 70px 30px 0;height: 220px;line-height: 1.5;} .prc7 .swiper9 .swiper-slide .sbox .txt .stt{color: #000;} .prc7 .swiper9 .swiper-slide .sbox .txt .sxian{display: block;width: 20px;height: 2px;background:#c9cfd9 ;margin: 15px 0 ;} .prc7 .swiper9 .swiper-slide .sbox .txt .stc{color: #5e646f;} .prc7 .swiper9 .swiper-slide .sbox .img{display: block;background:url(../images/prc_7_0.png) center no-repeat ;background-size: cover;} .prc7 .swiper9 .swiper-slide .sbox:hover{background:#fabe00 ;} .prc7 .swiper9 .swiper-slide .sbox:hover .stt,.prc7 .swiper9 .swiper-slide .sbox:hover .stc{color: #fff;} .prc7 .swiper9 .swiper-slide .sbox:hover .sxian{background:#fff ;} .prc7 .swiper9 .pagination9{bottom: 0;} .prc7 .swiper9 .pagination9 span{opacity: 1;background:#ddd ;} .prc7 .swiper9 .pagination9 span.swiper-pagination-bullet-active{background:#fabe00 ;} .prc7 .next9{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;right: -70px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;} .prc7 .prev9{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;left: -70px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .prc7 .next9:hover,.prc7 .prev9:hover{background:#fabe00 url(../images/r_jt2.png) center no-repeat;} .prc8{background:#f3f5fc ;z-index: 2;position: relative;} .prc8 .ban{position: relative;} .prc8 .swiper10{padding-bottom: 30px;margin-top: 50px;} .prc8 .swiper10 .swiper-slide{} .prc8 .swiper10 .swiper-slide .sbox{position: relative;overflow: hidden;border-radius: 10px;background:#fff ;} .prc8 .swiper10 .swiper-slide .sbox .img,.prc8 .swiper10 .swiper-slide .sbox .img img{display: block;width: 100%;position: relative;overflow: hidden;} .prc8 .swiper10 .swiper-slide .sbox .img img{transform: scale(1.000001);-webkit-transform: scale(1.000001);} .prc8 .swiper10 .swiper-slide .sbox .img s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background:rgba(255, 255, 255, 0.5) ;opacity: 1;} .prc8 .swiper10 .swiper-slide .sbox .txt{position: absolute;left: 0;z-index: 2;bottom: -200px;background:rgba(0, 0, 0, 0.5) ;padding: 10px 30px;color: #fff;width: 100%;line-height: 1.5;} .prc8 .swiper10 .swiper-slide-active .sbox .img s{opacity: 0;} .prc8 .swiper10 .swiper-slide-active .sbox .txt{bottom: 0;} .prc8 .swiper10 .swiper-slide-active .sbox .txt .stc{text-align: justify;} .prc8 .swiper10 .pagination10{bottom: 0;} .prc8 .swiper10 .pagination10 span{opacity: 1;background:#ddd ;} .prc8 .swiper10 .pagination10 span.swiper-pagination-bullet-active{background:#fabe00 ;} .prc8 .ban{} .prc8 .next10{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;right: 15%;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;} .prc8 .prev10{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;left: 15%;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .prc8 .next10:hover,.prc8 .prev10:hover{background:#fabe00 url(../images/r_jt2.png) center no-repeat;} /* 视频弹窗 */ .vd_tanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;background:rgba(0, 0, 0, 0.8) ;display: none;} .vd_tanchuang .vbox{position: absolute;max-width: 80%;height: 80%;background:#fff ;top: 15%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); border: 10px solid #fff;opacity: 0;} .vd_tanchuang .vbox video{display: block;height: 100%; object-fit: cover;margin: 0 auto;} .vd_tanchuang .vbox .out{display: block;width: 50px;height: 50px;position: absolute;top: -10px;right: -60px;background:url(../images/out.png) center no-repeat ;background-size: 26px;cursor: pointer;} .vd_tanchuang .vbox .out:hover{background:url(../images/out2.png) center no-repeat ;background-size: 26px;} .vd_tanchuang.act .vbox{top: 10%;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;} /* 图片弹窗 */ .img_tanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;background:rgba(0, 0, 0, 0.8) ;display: none;} .img_tanchuang .vbox{position: absolute;width: 80%;height: 80%;top: 15%;left: 10%;opacity: 0;} .img_tanchuang .vbox img{display: block;max-width: 100%;height: 100%; object-fit: cover;margin: 0 auto;} .img_tanchuang .vbox .out{display: block;width: 50px;height: 50px;position: absolute;top: -10px;right: -60px;background:url(../images/out.png) center no-repeat ;background-size: 26px;cursor: pointer;} .img_tanchuang .vbox .out:hover{background:url(../images/out2.png) center no-repeat ;background-size: 26px;} .img_tanchuang.act .vbox{top: 10%;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;} /* 表单弹窗 */ .tab_tanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;background:rgba(0, 0, 0, 0.8) ;display: none;} .tab_tanchuang .vbox{position: absolute;width: 530px;height: 370px;top: 55%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); opacity: 1;background:#fff ;text-align: center;border-radius: 20px;display: flex;justify-content: center;align-content: center;flex-wrap: wrap;opacity: 0;} .tab_tanchuang .vbox .ltt{width: 100%;color: #ffc200;font-style: italic;} .tab_tanchuang .vbox .ltc{margin: 25px 0;width: 100%;} .tab_tanchuang .vbox .qe{display: block;width: 270px;line-height: 46px;background:#ffc200 ;color: #fff;border-radius: 5px;margin: 0 auto ;cursor: pointer;} .tab_tanchuang .vbox .qe:hover{background:#fab200 ;} .tab_tanchuang.act .vbox{top: 50%; opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;} /* 解决方案 */ .solu1{} .solu1 .ul1{} .solu1 .ul1 li .banbox{width: 100%;height: 595px;} .solu1 .ul1 li .banbox .img{display: block;width: 39%;float: left;} .solu1 .ul1 li .banbox .img img{display: block;max-width: 100%;} .solu1 .ul1 li .banbox .img .mimg{display: none;} .solu1 .ul1 li .banbox .txt{float: right;width: 36%;height: 100%; display: flex;align-content: center;flex-wrap: wrap; } .solu1 .ul1 li .banbox .txt .ico{display: block;width: 100%;} .solu1 .ul1 li .banbox .txt .ltt{display: block;width: 100%;margin: 20px 0;} .solu1 .ul1 li .banbox .txt .ltc a{display: flex; align-items: center;color: #5e646f;margin-bottom: 20px;} .solu1 .ul1 li .banbox .txt .ltc a img{display: block;margin-left: 10px;} .solu1 .ul1 li .banbox .txt .ltc a:hover{color: #fabe00;} .solu1 .ul1 li:nth-child(2n){background:#f5f7fa ;} .solu1 .ul1 li:nth-child(2n) .banbox .img{float: right;} .solu1 .ul1 li:nth-child(2n) .banbox .txt{float: left;} .solu1 .ul1 li:nth-child(5),.solu1 .ul1 li:nth-child(7){background:#fff url(../images/sobg1.jpg) left center no-repeat ;background-size: cover;} /* 数字造价解决方案 */ .navc{} .banner .navc .abox{justify-content: space-around;} .so_dig1{background:url(../images/sobg2.jpg) center no-repeat ;background-size: cover;position: relative;z-index: 2;} .so_dig1 .tc{text-align: center;line-height: 34px;margin: 40px 0 20px;} .so_dig1 .img{display: flex;justify-content: space-between;} .so_dig1 .img img{width: 49%;border-radius: 10px;margin-top: 2%;} .so_dig1_1{background:url(../images/sobg2.jpg) center no-repeat ;background-size: cover;position: relative;z-index: 2;} .so_dig1_1 .ban{width: 545px;position: relative;margin: 100px auto;} .so_dig1_1 .ban img{display: block;width: 100%;position: relative;z-index: 2;} .so_dig1_1 .ban .img{display: block;width:74.3% ;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 2;border-radius: 50%;border: 4px solid #fff;} .so_dig1_1 .ban .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;} .so_dig1_1 .ban .bg img{position: absolute;top: 0;left: 0;z-index: 2; animation: pulsate2 2s ease-out infinite;-webkit-animation: pulsate2 2s ease-out infinite;} .so_dig1_1 .ban .bg img:nth-child(2){animation-delay:.5s;-webkit-animation-delay:.5s; } .so_dig1_1 .ban .bg img:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; } .so_dig1_1 .ban .bg img:nth-child(4){animation-delay:1.5s;-webkit-animation-delay:1.5s; } @keyframes pulsate2 {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1.3);-webkit-transform: scale(1.3);opacity: 0; } } @-webkit-keyframes pulsate2 {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1.3);-webkit-transform: scale(1.3);opacity: 0; } } .so_dig1_1 .ban .ul1{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;} .so_dig1_1 .ban .ul1 li{width: 290px;position: absolute;top: 50px;right: 110%;z-index: 2;} .so_dig1_1 .ban .ul1 li .ico{width: 75px;float: right;background: #fabe00;border-radius: 50%;} .so_dig1_1 .ban .ul1 li .txt{display: block;width: calc(100% - 90px);float: left;text-align: justify;} .so_dig1_1 .ban .ul1 li .txt .ltt{line-height: 74px;} .so_dig1_1 .ban .ul1 li .txt .ltc{line-height: 24px;color: #5e646f;margin-top: -20px;max-height: 72px;overflow: auto;} .so_dig1_1 .ban .ul1 li .txt .ltc::-webkit-scrollbar{ width:4px;height: 1px;} .so_dig1_1 .ban .ul1 li .txt .ltc::-webkit-scrollbar-thumb{ background:#fabe00;} .so_dig1_1 .ban .ul1 li .txt .ltc::-webkit-scrollbar-track{ background:#fff;} .so_dig1_1 .ban .ul1 li:nth-child(2n){left: 110%;} .so_dig1_1 .ban .ul1 li:nth-child(2n) .ico{float: left;} .so_dig1_1 .ban .ul1 li:nth-child(2n) .txt{float: right;text-align: right;} .so_dig1_1 .ban .ul1 li:hover .txt .ltc{opacity: 1;visibility: visible;} .so_dig1_1 .ban .ul1 li:nth-child(3){top: 170px;right: 120%;} .so_dig1_1 .ban .ul1 li:nth-child(5){top: 285px;right: 120%;} .so_dig1_1 .ban .ul1 li:nth-child(7){top: 395px;right: 110%;} .so_dig1_1 .ban .ul1 li:nth-child(4){top: 170px;left: 120%;} .so_dig1_1 .ban .ul1 li:nth-child(6){top: 290px;left: 120%;} .so_dig1_1 .ban .ul1 li:nth-child(8){top: 395px;right: 110%;} .so_dig1_1 .ban .swiper_lbm{padding-bottom: 30px;display: none;} .so_dig1_1 .ban .swiper_lbm .swiper-slide .sbox{background: #fff;border-radius: 10px;padding: 20px ;line-height: 1.5;} .so_dig1_1 .ban .swiper_lbm .swiper-slide .sbox .ltt{font-weight: bold;margin-bottom: 5px;} .so_dig2,.so_dig2_1{background:url(../images/sobg3.jpg) center no-repeat ;background-size: cover;position: relative;z-index: 2;} .so_dig2 .tc{position: relative;margin-top: 50px;} .so_dig2 .tc .img{display: block;width: 72%;} .so_dig2 .tc .img img{display: block;width: 100%;border-radius: 10px;} .so_dig2 .tc .txt{ position: absolute;width: 31%;left: 70%;top: 10%;height: 80%;background:#fff ;border-radius: 10px;padding: 20px 0 20px;} .so_dig2 .tc .txt .con{ display: flex;justify-content: center;align-items: center;flex-wrap: wrap; height: 100%; overflow: auto;line-height: 24px;text-align: justify;color: #5e646f; padding: 0 40px; } .so_dig2 .tc .txt .con::-webkit-scrollbar{ width:4px;height: 1px;} .so_dig2 .tc .txt .con::-webkit-scrollbar-thumb{ background:#fabe00;} .so_dig2 .tc .txt .con::-webkit-scrollbar-track{ background:#fff;} .so_dig2_1 .swiper11{margin-top: 50px;padding-bottom: 30px;} .so_dig2_1 .swiper11 .swiper-slide .sbox{background:#fff url(../images/prc_3_1.png) center no-repeat ;background-size: cover; border-radius: 20px;overflow: hidden;position: relative;height: 325px;padding: 20px 30px 0;text-align: center;} .so_dig2_1 .swiper11 .swiper-slide .sbox .ico{width: 70px;margin: 0 auto ;position: relative;overflow: hidden;} .so_dig2_1 .swiper11 .swiper-slide .sbox .ico img{display: block;width: 100%;} .so_dig2_1 .swiper11 .swiper-slide .sbox .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;} .so_dig2_1 .swiper11 .swiper-slide .sbox .stt{margin: 20px auto;color: #222;} .so_dig2_1 .swiper11 .swiper-slide .sbox .stc{line-height: 24px;color: #5e646f;} .so_dig2_1 .swiper11 .swiper-slide .sbox:hover{background:#fabe00 url(../images/prc_3_2.png) center no-repeat ;background-size: cover;} .so_dig2_1 .swiper11 .swiper-slide .sbox:hover .ico img{opacity: 0;} .so_dig2_1 .swiper11 .swiper-slide .sbox:hover .ico img:nth-child(2){opacity: 1;} .so_dig2_1 .swiper11 .swiper-slide .sbox:hover .stt{color: #fff;} .so_dig2_1 .swiper11 .swiper-slide .sbox:hover .stc{color: #fff;} .so_dig2_1 .swiper11 .pagination11{bottom: 0;} .so_dig2_1 .swiper11 .pagination11 span{opacity: 1;background:#fff ;} .so_dig2_1 .swiper11 .pagination11 span.swiper-pagination-bullet-active{background:#fabe00 ;} .so_dig2_1 .next11{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;right: -75px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;} .so_dig2_1 .prev11{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;left: -75px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .so_dig2_1 .next11:hover,.so_dig2_1 .prev11:hover{background:#fabe00 url(../images/r_jt2.png) center no-repeat;} .so_dig3 .swiper6 .swiper-slide{width: auto;margin-right: 35px;} .so_dig3 .swiper6 .swiper-slide:last-child{margin-right: 0;} .so_dig3,.so_dig3_1{background:#f5f7fa;} .so_dig3_1 .banbox{margin-top: 100px;} .so_dig3_1 .banbox .slt{width: 48%;float: left;height: 400px;overflow: auto;padding-right: 30px;} .so_dig3_1 .banbox .slt::-webkit-scrollbar{ width:4px;height: 1px;border-radius: 10px;} .so_dig3_1 .banbox .slt::-webkit-scrollbar-thumb{ background:#fabe00;border-radius: 10px;} .so_dig3_1 .banbox .slt::-webkit-scrollbar-track{ background:#ddd;border-radius: 10px;} .so_dig3_1 .banbox .slt li{margin-bottom: 60px;position: relative;line-height: 24px;cursor: pointer;} .so_dig3_1 .banbox .slt li .ltt{margin-bottom: 10px;} .so_dig3_1 .banbox .slt li .ltc{color: #5e646f;} .so_dig3_1 .banbox .slt li s{display: block;width: 4px;height: 100%;position: absolute;top: 0;left: -20px;z-index: 2;background:#fabe00 ;opacity: 0;} .so_dig3_1 .banbox .slt li.act s{left: 0;opacity: 1;} .so_dig3_1 .banbox .slt li.act .ltt{font-weight: bold;} .so_dig3_1 .banbox .slt li.act{padding-left: 25px;} .so_dig3_1 .banbox .img{width: 47%;float: right;} .so_dig4{background:url(../images/sobg4.jpg) top center no-repeat ;background-size: cover;position: relative;z-index: 2;} .so_dig4 .banbox .tc{margin: 40px 0 80px;text-align: center;line-height: 24px;} .so_dig4 .banbox .swiper12{width: 100%;padding-bottom: 30px;} .so_dig4 .banbox .swiper12 .pagination12{bottom: 0;} .so_dig4 .banbox .swiper12 .pagination12 span{opacity: 1;background:#fff ;} .so_dig4 .banbox .swiper12 .pagination12 span.swiper-pagination-bullet-active{background:#fabe00 ;} .so_dig5{background:rgba(0, 0, 0, 0) ;margin-top: 150px;} /* 案例 */ .pr1 .prt .ul2{margin: 40px 0 80px;} .pr1 .prt .ul2 li{width: calc(50% - 15px);margin-bottom: 10px;overflow: hidden;position: relative;float: left;text-align: justify;} .pr1 .prt .ul2 li a{display: block;position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;} .pr1 .prt .ul2 li .img{display: block;width: 100%;position: relative;margin: 0 auto ;overflow: hidden;border-radius: 5px;} .pr1 .prt .ul2 li .img img{display: block;width: 100%;transform: scale(1.00000001);-webkit-transform: scale(1.00000001);} .pr1 .prt .ul2 li:nth-child(2n){float: right;} .pr1 .prt .ul2 li .txt{padding: 30px 0;position: relative;padding-right: 30px;} .pr1 .prt .ul2 li .txt div{display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .pr1 .prt .ul2 li .txt .ltc{display: block;color: #616076;margin-top: 20px;height: 14px;} .pr1 .prt .ul2 li .txt .ico{display: block;width: 18px;position: absolute;right: 0;top: 50%;margin-top: -5px;z-index: 2;} .pr1 .prt .ul2 li .txt .ico img{display: block;width: 100%;} .pr1 .prt .ul2 li .txt .ico img:nth-child(2){position: absolute;top: 0;left: -100%;} .pr1 .prt .ul2 li:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} .pr1 .prt .ul2 li:hover .txt .ltt{color: #fabe00;} .pr1 .prt .ul2 li:hover .txt .ico img{margin-left: 18px;} /* 新闻中心 */ .banner .navn .abox{justify-content: space-evenly;} .banner .btc{margin-top: 20px;line-height: 34px;} .new1{} .new1 .ul1{margin:80px 0 40px;} .new1 .ul1 li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;max-width: 405px;border-radius: 10px;overflow: hidden;} .new1 .ul1 li:nth-child(3n){margin-right: 0;} .new1 .ul1 li a{display: block;background:#fff ;border-radius: 10px;overflow: hidden;} .new1 .ul1 li a .img,.new1 .ul1 li a .img img{display: block;width: 100%;overflow: hidden;position: relative;} .new1 .ul1 li a .img img{transform: scale(1);-webkit-transform: scale(1);} .new1 .ul1 li a .img img:nth-child(2){display: none;} .new1 .ul1 li a .txt{padding: 30px 25px;} .new1 .ul1 li a .txt .day{color: #555;font-weight: bold;} .new1 .ul1 li a .txt .day span{color: #222;} .new1 .ul1 li a .txt .ltt{line-height: 24px;height: 48px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 20px 0 15px;font-family: pfbd;color: #222;} .new1 .ul1 li a .txt .ltc{line-height: 24px;height: 48px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #555;} .new1 .ul1 li:hover a{background:#fabe00 ;} .new1 .ul1 li:hover a .txt .ltt,.new1 .ul1 li:hover a .txt .ltc,.new1 .ul1 li:hover a .txt .day,.new1 .ul1 li:hover a .txt .day span{color: #fff;} .new1 .ul1 li:hover a .txt .xiexian{border-bottom: 2px solid #fff;width: 60px;} .new1 .ul1 li:hover a .txt .xiexian s{border-right: 2px solid #fff;} .new1 .ul1 li:hover a .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} /* 行业活动 */ .new1_act{} .new1_act .ul1 li{position: relative;} .new1_act .ul1 li a{border-radius: 0;text-align: center;} .new1_act .ul1 li a .img{border-radius: 10px;overflow: hidden;position: relative;} .new1_act .ul1 li a .img::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background:rgba(0, 0, 0, 0.1) ;} .new1_act .ul1 li a .txt2{padding: 20px 10px 10px;line-height: 26px;height: 82px;} .new1_act .ul1 li a .txt2 div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .new1_act .ul1 li a:hover{background:#fff ;} .new1_act .ul1 li.jiazai .img .wz{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;display: flex;background:rgba(250, 190, 0, 0.9) ;justify-content: center;align-items: center;color: #fff;} /* 新闻详情 */ .newc1{padding: 140px 0 80px;} .newc1 .ntc span,.newc1 .ntc p{white-space: normal!important;} .newc1 .nav{display: flex;} .newc1 .nav a{display: block;color: #999;} .newc1 .nav span{display: block;margin: 0 15px;color: #999;} .newc1 .nav a:hover,.newc1 .nav a.act{color: #000;} .newc1 .tt{line-height: 1.5;margin: 80px 0 30px;padding: 0 1.5em;} .newc1 .tc{display: flex;justify-content: center;color: #777;} .newc1 .tc img{display: block;margin-right: 5px;} .newc1 .tc s{display: block;width: 40px;} .newc1 .ntc{border-top: 1px solid #ddd;margin-top: 40px;padding: 40px 150px 0;text-align: justify;line-height: 32px;color: #666;} .newc1 .ntc .bt{text-align: center;color: #000;} .newc1 .ntc img{display: inline-block;max-width: 100%;height: auto;} .newc1 .ntc video,.newc1 .ntc iframe{ max-width: 100%;} .newc1 .ntc .xi{text-align: center;font-style: italic;} .newc1 .ntc .huan{text-align: center;color: #fabe00;} .newc2{padding: 80px 0;background:#f5f5f5 ;} .newc2 .nlt{width: calc(100% - 150px);float: left;} .newc2 .nlt a{display: block;display: flex;line-height: 30px;margin-bottom: 20px;color: #555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .newc2 .nlt a span{display: block;width: 30px;height: 30px;text-align: center;background:#999 ;border-radius: 50%;margin-right: 10px;} .newc2 .nlt a span img{display: block;margin: 8px auto;} .newc2 .nlt a:nth-child(1) span img{transform: rotate(180deg);-webkit-transform: rotate(180deg);} .newc2 .nlt a:hover{color: #fabe00;} .newc2 .nlt a:hover span{background:#fabe00 ;} .newc2 .nrt{float: right;background:#fab200 ;} .newc2 .nrt:hover{background:#fabe00 ;} /* 投资者关系 */ .inv1{} .inv1 .intop{background:#f5f5f5 ;} .inv1 .intop .itt{line-height: 110px;} .inv1 .inbtm{width: 100%;height: 500px;margin: 60px 0 90px;} .inv1 .inbtm iframe{display: block;width: 100%;height: 100%;overflow: auto;} .inv2{padding-bottom: 100px;} .inv2 .inlt{width: 370px;float: left;} .inv2 .inlt .itc{margin: 20px 0 50px;} .inv2 .inlt .jg{display: flex;align-items: flex-end;justify-content: space-between;} .inv2 .inlt .jg .num{color: #ff3a10;font-style: italic;font-size: 52px;} .inv2 .inlt .jg .r{display: block;padding-left: 15px;background:url(../images/jia.png) left center no-repeat ;font-style: italic;color: #ff3a10;} .inv2 .inlt .jg.lv .num{color: #17dd45;} .inv2 .inlt .jg.lv .r{background:url(../images/jian.png) left center no-repeat ;color: #17dd45;} .inv2 .inlt .itc2{margin: 50px 0 40px;color: #000;} .inv2 .inlt .ul1{display: flex;flex-wrap: wrap;} .inv2 .inlt .ul1 li{width: 50%;margin-top: 30px;} .inv2 .inlt .ul1 li .num{font-style: italic;margin-top: 15px;font-weight: bold;color: #555;} .inv2 .inrt{width: 630px;float: right;} .inv2 .inrt .a{display: block;margin: 30px 0 45px;} .inv2 .inrt .a a{display: flex;color: #555;margin-top:20px;} .inv2 .inrt .a a img{display: block;margin-right: 10px;} .inv2 .inrt .a a:hover{color: #fab200;} .inv2 .inrt .map{display: block;width: 100%;height: 230px;} /* 关于 */ .pd100_1{padding: 100px 0;} .ab1{background:#fff ;} .ab1 .pcon{margin-top: 0;height: 390px;} .ab1 .pcon .txt{background:#f8f9fe ;} .ab1 .pcon .img{width: 55.4%;} .ab1 .pcon .txt{width: 44.6%;} .ab1 .pcon .txt .ptc{height: 240px;color: #77736e;line-height: 28px;} .ab2{background:url(../images/ab3.jpg) center no-repeat fixed;background-size: cover;color: #fff;} .ab2 .swiper13{margin-top: 65px;height: 120px;} .ab2 .swiper13::before{content: '';display: block;width: 100%;height: 2px;background:#b2b3b0 ;position: absolute;top: 50%;left: 0;z-index: -1;} .ab2 .swiper13 .swiper-slide{cursor: pointer;} .ab2 .swiper13 .swiper-slide .sbox{text-align: center;color: #fff;} .ab2 .swiper13 .swiper-slide .sbox .yuan{display: block;width: 24px;height: 24px;position: relative;background:rgba(255, 255, 255, 0.5) ;border-radius: 50%;margin: 33px auto 20px;} .ab2 .swiper13 .swiper-slide .sbox .yuan span{display: block;position: absolute;top: 16%;left: 15%;width: 70%;height: 70%;background:#fff ;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);} .ab2 .swiper13 .swiper-slide.act .sbox{color: #ffc200;} .ab2 .swiper13 .swiper-slide.act .sbox .yuan span{transform: scale(1);-webkit-transform: scale(1);} .ab2_1{padding-left: 17.185%;} .ab2_1 .swiper14{} .ab2_1 .swiper14 .swiper-slide{} .ab2_1 .swiper14 .swiper-slide .sbox .stc{margin-top: 15px;border-top: 1px solid #ddd;padding-top: 15px;line-height: 24px;color: #555;} .ab3{} .ab3 .atop{} .ab3 .atop .alt{width: 290px;float: left;} .ab3 .atop .alt .ul1{margin-top: 20px;} .ab3 .atop .alt .ul1 li{margin-bottom: 60px;} .ab3 .atop .alt .ul1 li .ltt{color: #ffc200;font-style: italic;margin-bottom: 10px;} .ab3 .atop .alt .ul1 li .len{color: #ffc200;} .ab3 .atop .art{width: 64%;float: right;overflow: hidden;border-radius: 10px;} .ab3 .atop .art img{display: block;width: 100%;} .ab3 .abtm{} .ab3 .abtm .att{text-align: center;color: #ffc200;font-style: italic;} .ab3 .abtm .ul1{margin-top: 40px;display: flex;justify-content: space-between} .ab3 .abtm .ul1 li{width: 31.9%;border: 1px solid #ddd;padding: 30px 20px;border-radius: 10px;-moz-box-shadow:0px 4px 0px #eee; -webkit-box-shadow:0px 4px 0px #eee; box-shadow:0px 4px 0px #eee;} .ab3 .abtm .ul1 li .ltt{display: flex;align-items: center;} .ab3 .abtm .ul1 li .ltt img{display: block;margin-right: 5px;} .ab3 .abtm .ul1 li .ltc{margin-top: 10px;line-height: 30px;color: #000;} .ab3 .abtm .ul1 li .ltc2{line-height: 30px;color: #555;} .ab4{background: #fff url(../images/abbg_1.png) center bottom no-repeat ;background-size: cover;} .ab4 .ul1{margin: 80px 0 0;} .ab4 .ul1 li{display: block; float: left; width: 30%;height: 250px;background:url(../images/ab_1_4.png) center no-repeat ;background-size: cover;margin:0 5% 5% 0;text-align: center;padding: 40px 30px 0;} .ab4 .ul1 li:nth-child(3n){margin-right: 0;} .ab4 .ul1 li .img{display: block;width: 100px;margin: 0 auto;} .ab4 .ul1 li .wz{line-height: 24px;height: 72px;color: #ffc200;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .ab4 .mxz{text-align: right;} .ab5{} .ab5 .ul1{margin: 60px 0;} .ab5 .ul1 li{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 460px;background:#fcfaf6 ;margin-bottom: 40px;} .ab5 .ul1 li .img{width: 44.7%;} .ab5 .ul1 li .txt{width: 50%;margin-right: 5%;} .ab5 .ul1 li .txt{line-height: 1.5;} .ab5 .ul1 li .txt .ltc{color: #555;height: 200px;overflow: auto;line-height: 24px;margin: 20px 0;} .ab5 .ul1 li .txt .lmore{display: flex;width: 140px;line-height: 50px;justify-content: center; align-items: center;background:#fff ;border-radius: 30px;border: 1px solid #ffc200;color: #ffc200;} .ab5 .ul1 li .txt .lmore s{display: block;width: 6px;height: 11px;background:url(../images/jt_hua.png) center no-repeat ;margin-left: 20px;} .ab5 .ul1 li .txt .lmore:hover{background:#ffc200 ;color: #fff;} .ab5 .ul1 li .txt .lmore:hover s{background:url(../images/jt_hua2.png) center no-repeat ;} .ab6{background:#f8f8f8 ;} .ab6 .btn{margin: 60px 0 40px;border-top: 1px solid #eee;display: flex;justify-content: center;} .ab6 .btn span{display: block;padding-top: 20px;margin: 0 20px;font-style: italic;cursor: pointer;color: #999;position: relative;} .ab6 .btn span s{display: block; position: absolute;width: 100%;height:3px;background:#ffc200 ;top: -2px;left: 0;z-index: 2;opacity: 0;} .ab6 .btn span.act{color: #ffc200;} .ab6 .btn span.act s{opacity: 1;} .ab6 .dl1{} .ab6 .dl1 dd{display: none;} .ab6 .dl1 dd:nth-child(1){display: block;} .ab6 .dl1 dd .ul1{} .ab6 .dl1 dd .ul1 li{width: 23.5%;float: left;margin-right: 2%;margin-bottom: 2%;border-radius: 10px;overflow: hidden;background:#fff ;position: relative;} .ab6 .dl1 dd .ul1.ul_img li{cursor: pointer;} .ab6 .dl1 dd .ul1 li > img{display: block;width: 100%;transform: scale(1.0000001);-webkit-transform: scale(1.0000001);} .ab6 .dl1 dd .ul1 li:nth-child(4n){margin-right: 0;} .ab6 .dl1 dd .ul1 li .bf{display: block;width: 50px;position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);cursor: pointer;opacity: 0;} .ab6 .dl1 dd .ul1 li .bf span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background:rgba(255, 255, 255, 0.3) ;border-radius: 50%;opacity: 0;} .ab6 .dl1 dd .ul1 li .bf span:hover{animation: pulsate 1.5s ease-out infinite;-webkit-animation: pulsate 1.5s ease-out infinite;} .ab6 .dl1 dd .ul1 li:hover{background:#000 ;} .ab6 .dl1 dd .ul1 li:hover .bf{opacity: 1;} .ab6 .dl1 dd .ul1 li:hover > img{opacity: 0.6;transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} .ab6 .dl1 dd .ul1 li.jiazai .wz{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;display: flex;background:rgba(250, 190, 0, 0.9) ;justify-content: center;align-items: center;color: #fff;cursor: pointer;} .ab7{} .ab7 .atop{margin-top: 60px;} .ab7 .atop .alt{width: 230px;float: left;color: #ffc200;font-style: italic;} .ab7 .atop .art{width: calc(100% - 230px);float: right;padding-top: 60px;border-top: 1px solid #ddd;} .ab7 .atop .art li{width: 33%;float: left;margin-right: 0.5%;} .ab7 .atop .art li:nth-child(3n){margin-right: 0;} .ab7 .atop .art li .ltc{margin: 25px 0;min-height: 105px;} .ab7 .atop .art li .ltc a{display: flex;margin-top: 15px;} .ab7 .atop .art li .ltc a div:nth-child(1){width: 130px;} .ab7 .atop .art li .ltc a div:nth-child(2){width: calc(100% - 130px);display: flex;} .ab7 .abtm .alt{width: 230px;float: left;color: #ffc200;font-style: italic;} .ab7 .abtm .art{width: calc(100% - 230px);float: right;padding-top: 60px;border-top: 1px solid #ddd;} .ab7 .abtm .art li{width: 48%;float: left;height: 56px;border: 1px solid #e5e5e5;border-radius: 5px;margin-bottom: 4%;padding:0 20px 0 54px;background:url(../images/ab_4_1.png) 15px 18px no-repeat ;} .ab7 .abtm .art li:nth-child(2n){float: right;} .ab7 .abtm .art li input,.ab7 .abtm .art li select{display: block;border: 0;width: 100%;height: 100%;padding-left: 20px;border-left: 1px solid #eee ;color: rgba(119, 119, 119, 1);font-family: pfme;} .ab7 .abtm .art li input::-webkit-input-placeholder {color: rgba(119, 119, 119, 0.6);} .ab7 .abtm .art li input::-moz-placeholder {color: rgba(119, 119, 119, 0.6);} .ab7 .abtm .art li input::-ms-input-placeholder {color: rgba(119, 119, 119, 0.6);} .ab7 .abtm .art li:hover{background:url(../images/ab_4_2.png) 15px 18px no-repeat ;} .ab7 .abtm .art li:hover input::-webkit-input-placeholder {color: rgba(119, 119, 119, 1);} .ab7 .abtm .art li:hover input::-moz-placeholder {color: rgba(119, 119, 119, 1);} .ab7 .abtm .art li:hover input::-ms-input-placeholder {color: rgba(119, 119, 119, 1);} .ab7 .abtm .art li select{color: rgba(119, 119, 119, 0.6);} .ab7 .abtm .art li:hover select{color: rgba(119, 119, 119, 1);} .ab7 .abtm .art li:last-child{width: 100%;height: 180px;} .ab7 .abtm .art li textarea{display: block;width: 100%;height: 100%;font-family: pfme;line-height: 24px;border: 0;padding: 20px 0 0 20px;color: rgba(119, 119, 119, 1);} .ab7 .abtm .art li textarea::-webkit-input-placeholder {color: rgba(119, 119, 119, 0.6);} .ab7 .abtm .art li textarea::-moz-placeholder {color: rgba(119, 119, 119, 0.6);} .ab7 .abtm .art li textarea::-ms-input-placeholder {color: rgba(119, 119, 119, 0.6);} .ab7 .abtm .art li:hover textarea::-webkit-input-placeholder {color: rgba(119, 119, 119, 1);} .ab7 .abtm .art li:hover textarea::-moz-placeholder {color: rgba(119, 119, 119, 1);} .ab7 .abtm .art li:hover textarea::-ms-input-placeholder {color: rgba(119, 119, 119, 1);} .ab7 .abtm .art li.set{background:url(../images/ab_4_3.png) 15px 18px no-repeat ;} .ab7 .abtm .art li.set:hover{background:url(../images/ab_4_4.png) 15px 18px no-repeat ;} .ab7 .abtm .tj{display: block;width: calc(100% - 230px);float: right;text-align: center;line-height: 46px;background:#ffc200 ;color: #fff;border-radius: 5px;cursor: pointer;} .ab7 .abtm .tj:hover{background:#fab200 ;} .lxtanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;background:rgba(0, 0, 0, 0.8) ;display:none ;} .lxtanchuang .vbox{position: absolute;width: 80%;height: 80%;background:#fff ;top: 15%;left: 10%;border: 10px solid #fff;opacity: 0;} .lxtanchuang .vbox .out{display: block;width: 50px;height: 50px;position: absolute;top: -10px;right: -60px;background:url(../images/out.png) center no-repeat ;background-size: 26px;cursor: pointer;} .lxtanchuang .vbox .out:hover{background:url(../images/out2.png) center no-repeat ;background-size: 26px;} .lxtanchuang.act .vbox{top: 10%;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;} .lxtanchuang .ab7{width: 100%;height: 100%;overflow: auto;} .lxtanchuang .ab7 .abtm .art{float: none;width: 100%;border: 0;padding: 5%;} .lxtanchuang .ab7 .abtm .art li{margin-bottom: 2%;} .lxtanchuang .ab7 .abtm .tj{width: 140px;float: none;margin: 0 auto;} .soc1{background: #fff url(../images/ab_5_7.png) center bottom no-repeat ;padding-bottom: 400px;} .soc1 .ul1{} .soc1 .ul1 li{width: 100%;height: 320px;margin-top: 80px;} .soc1 .ul1 li .img{float: left;width: 470px;} .soc1 .ul1 li .txt{float: right;width: calc(100% - 535px);height: 100%;display: flex;align-content: center;flex-wrap: wrap;line-height: 1.5;} .soc1 .ul1 li .txt .ltt{width: 100%;color: #ffc200;font-style: italic;} .soc1 .ul1 li .txt .ltc{color: #77736e;line-height: 32px;margin-top: 20px;width: 100%;} .soc1 .ul1 li:nth-child(2n) .img{float: right;} .soc1 .ul1 li:nth-child(2n) .txt{float: left;text-align: right;} /* 加入我们 */ .jo1{} .jo1 .tt{margin-bottom: 60px;} .jo1 .pcon .txt .ptc{height: 300px;} .jo1 .jtop{} .jo1 .jtop .jxian{display: block;width: 100%;height: 1px;background: #ebebeb;position: relative;margin: 40px 0 20px;} .jo1 .jtop .jxian span{display: block;width: 60px;height: 2px;background: #ffc200;margin: 0 auto;position: relative;top: -1px;} .jo1 .jtop .ul1{} .jo1 .jtop .ul1 li{width: 49%;float: left;position: relative;overflow: hidden;border-radius: 10px;margin-bottom: 2%;} .jo1 .jtop .ul1 li:nth-child(2n){float: right;} .jo1 .jtop .ul1 li img{display: block;width: 100%;transform: scale(1.000001);-webkit-transform: scale(1.000001);} .jo1 .jtop .ul1 li s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: url(../images/jo_1.png) center no-repeat;background-size: cover;opacity: 0;} .jo1 .jtop .ul1 li .txt{position: absolute;width: 100%;z-index: 3;left: 0;bottom: 0;color: #fff;padding: 0 30px 20px;text-align: justify;} .jo1 .jtop .ul1 li .txt .lxian{display: block;width: 16px;height: 2px;background:#ffc200 ;margin: 20px 0;} .jo1 .jtop .ul1 li .txt .ltc{line-height: 28px;height: 56px;} .jo1 .jtop .ul1 li:hover s{opacity: 1;} .jo1 .jtop .ul1 li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} .jo2 .jcon{margin: 60px 0 80px;} .jo2 .jcon .jlt {width: 39%;position: relative;background:#000 ;float: left;margin-top: 20px;} .jo2 .jcon .jlt img{display: block;width: 100%;} .jo2 .jcon .jlt .txt{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background:rgba(0, 0, 0, 0.5) ;text-align: right;} .jo2 .jcon .jlt .txt .an{display: block;width: 280px;line-height: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;text-align: center;border: 2px solid #ffc200;border-radius: 30px;color: #ffc200;cursor: pointer;} .jo2 .jcon .jlt .txt .an:hover{background:#ffc200 ;color: #fff;} .jo2 .jcon .jlt .txt .wz{width: 100%;position: absolute;padding: 30px;left: 0;bottom: 0;z-index: 2;color: #fff;} .jo2 .jcon .jlt .txt .wz .atc{margin-top: 10px;} .jo2 .jcon .jrt {width: calc(61% - 20px);float: right; position: relative;} .jo2 .jcon .jrt .swiper15{padding: 20px 0 0;} .jo2 .jcon .jrt .swiper15 .swiper-slide{} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1{} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li{width: calc(50% - 10px);float: left;overflow: hidden;position: relative;text-align: right;} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li:nth-child(2){float: right;} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li:nth-child(n + 3){width: calc(( 100% - 40px ) / 3);margin:20px 20px 0 0;} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li:nth-child(5){margin-right: 0;} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li img{display: block;width: 100%;} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li .txt{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background:url(../images/jo_2.png) center no-repeat ;background-size: cover;} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li .txt .wz{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 2;padding: 30px;color: #fff;} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li .txt .wz .atc{line-height: 24px;margin-top: 10px;} .jo2 .jcon .jrt .swiper15 .scrollbar15{top: 0;height: 3px;background:rgba(0, 0, 0, 0) ;border-bottom: 1px solid #ddd;} .jo2 .jcon .jrt .swiper15 .scrollbar15 .swiper-scrollbar-drag{background:#ffc200 ;} /* 轮播弹窗 */ .lunb_tanhcuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;background:rgba(0, 0, 0, 0.8) ;display: none;} .lunb_tanhcuang .vbox{position: absolute;width: 80%;height: 80%;top: 15%;left: 10%;opacity: 0;} .lunb_tanhcuang .vbox img{display: block;max-width: 100%;max-height: 100%; object-fit: cover;margin: 0 auto;} .lunb_tanhcuang .vbox .out{display: block;width: 50px;height: 50px;position: absolute;top: -10px;right: -60px;background:url(../images/out.png) center no-repeat ;background-size: 26px;cursor: pointer;} .lunb_tanhcuang .vbox .out:hover{background:url(../images/out2.png) center no-repeat ;background-size: 26px;} .lunb_tanhcuang.act .vbox{top: 10%;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;} .lunb_tanhcuang .swiper16{padding-bottom: 30px;height: 100%;} .lunb_tanhcuang .swiper16 .sbox{height: 100%;} .lunb_tanhcuang .swiper16 .sbox img{height: 100%;width: auto;} .lunb_tanhcuang .next16{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;right: 0;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;} .lunb_tanhcuang .prev16{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;left: 0;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .lunb_tanhcuang .next16:hover,.lunb_tanhcuang .prev16:hover{background:#fabe00 url(../images/r_jt2.png) center no-repeat;} .lunb_tanhcuang .swiper16 .pagination16{bottom: 0;} .lunb_tanhcuang .swiper16 .pagination16 span{opacity: 1;background:#fff ;} .lunb_tanhcuang .swiper16 .pagination16 span.swiper-pagination-bullet-active{background:#fabe00 ;} .jo3{padding-bottom: 60px;} .jo3 .banbox{} .jo3 .banbox a{display: block;width: 50%;position: relative;float: left;overflow: hidden;} .jo3 .banbox a img{display: block;width: 100%;transform: scale(1.000001);-webkit-transform: scale(1.000001);} .jo3 .banbox a .txt{position: absolute;top: 45%;left: 0;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 60px;} .jo3 .banbox a:hover .txt .xiexian{width: 60px;} .jo3 .banbox a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);} /* 案例详情 */ .cao1{background: #f5f7fa;} .cao1 .pcon{height: 440px;} .cao1 .pcon .img{width: 62%;} .cao1 .pcon .txt{width: 38%;} .cao1 .pcon .txt .ptc{height: 330px;color: #5e646f;line-height: 24px;text-align: justify;} .cao1 .pcon .txt .ptc div{color: #000;} .cao2{position: relative;} .cao2 img{display: block;width: 100%;} .cao2 .txt{position: absolute;width: 100%;top: 80px;left: 0;z-index: 2;color: #fff;text-align: center;} .cao2 .txt .tc{margin-top: 50px;line-height: 1.5;} .cao3 .tc .img{width: 72%;margin-left: 28%;} .cao3 .tc .txt{left: 0;} .cao4{background: url(../images/cao4.jpg) center no-repeat;background-size: cover;} .cao4 .clt{width: 270px;float: left;} .cao4 .crt{width: calc(100% - 270px);float: right;} .cao4 .crt .ul1{} .cao4 .crt .ul1 li{margin-bottom: 20px;padding: 30px 30px 20px;background: #fcfcfe;border-radius: 5px;} .cao4 .crt .ul1 li .img{width: 280px;float: left;} .cao4 .crt .ul1 li .img .ltt{height: 102px;width: 100%;line-height: 34px;text-align: justify;padding-right: 50px;} .cao4 .crt .ul1 li .txt{float: left;width: calc(100% - 280px);text-align: justify;line-height: 24px;color: #5e646f;} .cao4 .crt .ul1 li:hover{background: #fff;-moz-box-shadow:0px 1px 20px #ccc; -webkit-box-shadow:0px 1px 20px #ccc; box-shadow:0px 1px 20px #ccc;} .cao5{background: url(../images/cao5.jpg) center no-repeat;background-size: cover;} .cao5 .ul1{margin-top: 80px;display: flex;justify-content: space-between;flex-wrap: wrap;} .cao5 .ul1 li{width: 30%;text-align: center;line-height: 24px;color: #5e646f;margin-bottom: 20px;} .cao5 .ul1 li .ltt{line-height: 34px;margin-bottom: 20px;color: #000;} .cao5 .ul1 li .ltc{text-align: justify;height: 192px;overflow: auto;padding-right: 10px;} .cao5 .ul1 li .ltc::-webkit-scrollbar{ width:4px;height: 1px;} .cao5 .ul1 li .ltc::-webkit-scrollbar-thumb{ background:#fabe00;} .cao5 .ul1 li .ltc::-webkit-scrollbar-track{ background:#fff;} .cao6{background: url(../images/cao4.jpg) center no-repeat;background-size: cover;} .cao6 .tt{margin-bottom: 60px;} .cao6 .swiper17{padding-bottom: 30px;} .cao6 .swiper17 .swiper-slide{} .cao6 .swiper17 .swiper-slide .sbox{position: relative;overflow: hidden;border-radius: 6px;} .cao6 .swiper17 .swiper-slide .sbox .img,.cao6 .swiper17 .swiper-slide .sbox .img img{display: block;width: 100%;overflow: hidden;} .cao6 .swiper17 .swiper-slide .sbox .img img{transform: scale(1.0000001);-webkit-transform: scale(1.0000001);} .cao6 .swiper17 .swiper-slide .sbox .ltt{display: block;width: 100%;line-height: 55px;background:#fff ;text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding: 0 20px;} .cao6 .swiper17 .swiper-slide .sbox .txt{position: absolute;top: 100%;left: 0;z-index: 2;background:url(../images/cao6_4.jpg) center no-repeat ;background-size: cover;height: 100%;text-align: center;color: #fff;padding: 50px 40px 0;line-height: 20px;opacity: 0;width: 100%;} .cao6 .swiper17 .swiper-slide .sbox .txt .stt{line-height: 1.5;} .cao6 .swiper17 .swiper-slide .sbox .txt .sxian{display: block;width: 28px;height: 4px;background: #fff;opacity: 0.6;margin: 18px auto;} .cao6 .swiper17 .swiper-slide .sbox:hover .txt{top: 0;opacity: 1;} .cao6 .next17{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;right: -60px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;} .cao6 .prev17{width: 50px;height: 50px;background:#fff url(../images/r_jt1.png) center no-repeat;left: -60px;margin-top: -25px;-moz-box-shadow:0px 1px 10px #bbb; -webkit-box-shadow:0px 1px 10px #bbb; box-shadow:0px 1px 10px #bbb;border-radius: 50%;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .cao6 .next17:hover,.cao6 .prev17:hover{background:#fabe00 url(../images/r_jt2.png) center no-repeat;} .cao6 .swiper17 .pagination17{bottom: 0;} .cao6 .swiper17 .pagination17 span{opacity: 1;background:#fff ;} .cao6 .swiper17 .pagination17 span.swiper-pagination-bullet-active{background:#fabe00 ;} .cao7{} .cao7 .ban{display: flex;justify-content: space-between;} .cao7 .ban .img{width: 64%;padding-right: 3%;} .cao7 .ban .txt{width: 35%;float: right;display: flex;align-content: center;text-align: justify;align-items: center;} .cao7 .ban .txt .wz{width: 100%;} .cao7 .ban .txt .wtc{color: #5e646f;line-height: 24px;margin-top: 40px;} .cao7 .ban.act{justify-content: center;} .cao7 .ban.act .txt{width: 100%;text-align: center;} .mhead,.mnav2,.mnav{display: none;} .height{display: block;height: 120px;} /* 搜索结果 */ .banner_se{overflow: visible;} .banner .ss1{text-align: center;color: #fff;} .banner .ss{width: 100%;margin: 50px auto 0;max-width: 720px;border: 1px solid #ddd;background: #fff;height: 40px;position: relative;} .banner .ss input{display: block;width: calc(100% - 40px);float: left;height: 100%;border: 0;padding: 0 10px;outline: none;} .banner .ss span{display: block;width: 40px;height: 40px;background: url(../images/ss.png ) center no-repeat;float: right;cursor: pointer;} .banner .ss .dl2 *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .banner .ss .dl2{position: absolute; width: 100%;max-height: 250px;top: 100%;left: 0;z-index: 2;background: #fff;border: 1px solid #ddd;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;padding: 20px 50px 20px 0 ;overflow: auto;display: none;} .banner .ss .dl2 dd{display: block;width: 100%;background: #fff;padding:10px 0 10px 20px ;} .banner .ss .dl2 dd a{display: block;} .banner .ss .dl2 dd a div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 20px;color: #c4c4c4;} .banner .ss .dl2 dd a .dtt{display: block;width: 100%;color: #000;} .banner .ss .dl2 dd:hover{background: #f9f9f9;} .banner .ss .dl2 dd:hover a .dtt{color: #fabe00;} @media (min-width:1950px) { .i2 .itop .ilt .img img{width: 100%;} .i6 .ul1 li .img img{width: 100%;} .banner{background-size: cover !important;} } @media (max-width:1800px) { .head .hda li .ltop a{margin: 0 30px;} .pr1 .plt{left: 10%;} .ab2_1{padding-left: 10%;} .hbtm .ul1 li s{width: 30%;} } @media (max-width:1500px) { .head{height: 80px;} .head .logo{height: 30px;margin-top: 25px;} .head .hda li .ltop a{line-height: 80px;} .head .jr{line-height:40px ;margin-top: 20px;} .hbtm{top: 80px;} .i3 .iimg .ibox .box .ilt li{margin: 20% 0;} .f_12{ font-size:12px; } .f_16{ font-size:14px; } .f_18{ font-size:16px; } .f_20{ font-size:18px; } .f_22{font-size: 20px;} .f_24{ font-size:22px; } .f_26{ font-size:24px; } .f_28{ font-size:26px; } .f_30{ font-size:28px; } .f_32{ font-size:30px; } .f_34{ font-size:30px; } .f_36{ font-size:30px; } .f_38{ font-size:30px; } .f_40{font-size: 32px;} .f_42{font-size: 32px;} .f_48{font-size: 34px;} .so_dig2 .tc .txt{left: 64%;} .so_dig1_1 .ban .ul1 li{width: 250px;} .pr1 .plt{left: 4%;} .ab2_1{padding-left: 4%;} .cao3 .tc .txt{left: 0;} .i5 .ul1{min-height: 200px;} .prc3 .next5,.prc2 .next4{right: 10px;} .prc3 .prev5,.prc2 .prev4{left: 10px;} } @media (max-width:1366px) { } @media (max-width:1280px) { } @media (max-width:1230px) { body{min-width: 200px;padding-top: 60px;} .box{width: 90%;min-width: 100px;} .ibox{min-width: 100px;padding: 0 5%;} .footer .fbox{width: 100%;} .f_12 {font-size: 12px;} .f_16 {font-size: 14px;} .f_18 {font-size: 16px;} .f_20 {font-size: 16px;} .f_22 {font-size: 16px;} .f_24 {font-size: 16px;} .f_26 {font-size: 16px;} .f_28 {font-size: 18px;} .f_30 {font-size: 18px;} .f_32 {font-size: 20px;} .f_34 {font-size: 20px;} .f_36 {font-size: 20px;} .f_38 {font-size: 20px;} .f_40 {font-size: 22px;} .f_42 {font-size: 22px;} .f_44 {font-size: 24px;} .f_48 {font-size: 24px;} .f_52 {font-size: 28px;} .head{display: none;} .box,.box2{min-width: 100px;padding: 0 15px;width: 100%;} .mhead{display: block;width: 100%;height: 60px;position: fixed;top: 0;left: 0;z-index: 9;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;} .mhead .menu{height: 60px;padding-left: 35px;background:url(../images/m1.png) center right no-repeat ;background-size: 30px;float: right;} .mhead .logo{display: block;position: absolute;top: 0;left: 5%;z-index: 3;} .mhead .logo img{display: block;height: 28px;margin-top: 14px;} .mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;} .mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 15;display: block;} .mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;} .mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;} .mnav .mbox .ss{width: 100%;height: 70px;position: relative;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;} .mnav .mbox .ss input{display: block;width: calc(100% - 50px);padding: 0 15px;height: 100%;border: 0;outline: none;font-size: 16px;} .mnav .mbox .ss a{display: block;width: 50px;height: 100%;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/ss.png) center no-repeat;background-size: 20px;} .mnav .mbox .ul1{} .mnav .mbox .ul1 li{line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; position: relative;} .mnav .mbox .ul1 li a{display: block;width: 100%;} .mnav .mbox .ul1 li span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_h.png) center no-repeat ;} .mnav.act{left: 0;} .mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;} .mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 15;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;} .mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .mnav2 .mbox .dl1{} .mnav2 .mbox .dl1 dd{} .mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; } .mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;} .mnav2 .mbox .dl1 dd .dtop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_h.png) center no-repeat ;} .mnav2 .mbox .dl1 dd .dtop span.act {transform: rotate(90deg);-webkit-transform: rotate(90deg);} .mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;} .mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;} .mnav2.act{left: 0;} .mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;} .wow{opacity: 1;} .pd100,.pd80{padding: 50px 0;} .banbox{min-width: 100px;} .mhead .ss{display: block;width: 60px;height: 60px;float: right;background: url(../images/ss.png) center no-repeat;background-size: 18px;} } @media (max-width:960px) { .prc8 .swiper10 .swiper-slide .sbox .txt{position: initial;} .i1 .swiper1 .sbox .pimg{display: none;} .i1 .swiper1 .sbox .mimg{display: block;} .i1 .swiper1 .sbox video{display: none;visibility: hidden;opacity: 0;pointer-events: none;} .i1 .swiper1 .btm{display: none;} .i1 .swiper1 .pagination1{bottom: 20px;} .i1 .swiper1 .pagination1 span{opacity: 1;background:#ddd ;} .i1 .swiper1 .pagination1 span.swiper-pagination-bullet-active{background:#fabe00 ;} .pd100,.pd80{padding: 30px 0;} .ten{margin: 5px 0 10px;height: 0;overflow: hidden;} .xian{margin-bottom: 20px;} .i2 .itop .ilt{width: 100%;float: none;} .i2 .itop .ilt .img{height: auto;} .i2 .itop .ilt .img img{width: 100%;height: auto;} .i2 .itop .ilt .txt,.i2 .ul1 li .txt{padding: 20px 5%;} .i2 .itop .ilt .txt .itt{margin: 10px 0;} .i2 .itop .ilt .txt .xiexian{margin-top: 30px;display: none;} .i2 .ul1 li .xiexian{display:none;} .i2 .itop .irt{margin-top: 20px;} .i2 .itop .irt .txt{background-color: #fff;} .i2 .itop .irt .txt .itc{display: none;} .i2 .itop .irt .txt .itt,.i2 .itop .irt .txt .day{color: #1f1f1f;} .i2 .ul1 li .txt .itc{display: none;} .i2 .ul1{margin: 20px 0;} .i2 .ul1 li{width: 100%;float: none;margin: 0 0 20px 0;} .i2 .ul1 li .txt .itt{margin: 10px 0;line-height: 20px;height: 40px;} .i3{padding: 30px 0;} .i3 .iimg img{display: none;} .i3 .iimg .ibox{position: relative;width: 100%;height: 100%;} .i3 .iimg .ibox .c{display: none;} /* .i3 .iimg .ibox .box .ilt{display: none;} */ .i3 .iimg .ibox .box .ilt{width: 100%;float: none;} .i3 .iimg .ibox .box .ilt li{margin: 0;width: 25%;color: #000;text-align: center;} .i3 .iimg .ibox .box .ilt .ico{display: none;} .i3 .iimg .ibox .box .irt{width: 100%;float: none;} .i3 .iimg .ibox .box{padding: 0;} .i3 .iimg .ibox .box .irt dl dd .ul1 li{width: 100%;float: none;margin: 0 0 20px;} .i4 .ilt,.i4 .irt{width: 100%;float: none;} .i4 .swiper2{margin: 20px auto 0;width: 90%;} .i4 .swiper2 .swiper-slide .img img:nth-child(1){opacity: 0;} .i4 .swiper2 .swiper-slide:hover .img img:nth-child(1){opacity: 0;} .i4 .swiper2 .swiper-slide .jt{opacity: 1;margin-top: 15px;} .i4 .swiper2 .swiper-slide .txt{padding-top: 20px;} .i5 .ul1,.i5 .ilt,.i5 .irt .swiper3 .btn{display: none;} .i5 .irt{width: 100%;float: none;} .i5 .irt .swiper3 .pagination3{padding: 0 5%;bottom:10px;} .i5 .irt .swiper3 .swiper-slide .txt{display: block;padding: 20px 5%;background: #000;line-height: 1.5;color: #fff;min-height: 40px;} .i5 .irt .swiper3 .swiper-slide .txt .stc{margin: 10px 0 ;color: rgba(0, 0, 0, 0);background: url(../images/mjt.png) center left no-repeat;background-size: 30px;height: 24px;} .i5 .irt .swiper3 .swiper-slide .txt .stc.dn{ background: none; } .i6 .ul1{margin-bottom: 10px;} .i6 .ul1 li{width: 100%;float: none;margin-bottom: 20px;} .i6 .ul1 li .img{width: 100%;float: none;height: 200px;} .i6 .ul1 li .img img{width: 100%;} .i6 .ul1 li .txt{width: 100%;float: none;padding: 20px 0;} .footer{padding: 20px 0;font-size: 12px;} .footer .ftop{display: none;} .footer .fcon{display: none;} .footer .fbtm .flt{display: block;width: 100%;float: none;text-align: center;line-height: 1.8;} .footer .fbtm .flt a, .footer .fbtm .flt span{margin: 0;} .footer .fbtm .flt img{margin: 15px auto ;} .footer .fbtm .frt{width: 100%;float: none;text-align: center;} .banner .mimg{display: block;} .banner .pimg{display: none;} .banner .txt{padding: 0 ;line-height: 1.5;top: 40%;} .banner .txt .mor{margin-top: 20px;border-radius: 30px;} .pr1{padding-top: 30px;} .pr1 .plt{display:none;} .pr1 .prt{width: 100%;float: none;} .pr1 .prt .ul1{margin: 20px 0;} .pr1 .prt .ul1 li,.pr1 .prt .ul1 li:nth-child(n + 3){width: calc(50% - 5px);margin: 0 0 10px;height: auto;padding: 30px 0;} .pr1 .prt .ul1 li:nth-child(2n){float: right;} .pr1 .prt .ul1 li .wz{line-height: 1.5;padding: 0 10px;height: 48px;} .banner .nav{display: none;} .prc1 .pcon{margin-top: 20px;height: auto;flex-wrap: wrap;} .prc1 .pcon .img{width: 100%;} .prc1 .pcon .txt{width: 100%;padding: 30px 5%;} .prc1 .pcon .img img{width: 100%;height: auto;} .prc1 .pcon .img .bf{width: 50px;} .prc1 .pcon .txt .ptc{font-size: 14px;line-height: 1.5;height: auto;} .prc2 .swiper4{margin-top: 20px;} .prc4 .swiper6{margin: 20px 0;} .prc4 .swiper6 .swiper-slide{min-width: 30%;} .prc4 .ul1 li{height: auto;} .prc4 .ul1 li .img{width: 100%;float: none;height: auto;} .prc4 .ul1 li .img img{display: block;height: auto;width: 100%;} .prc4 .ul1 li .txt{width: 100%;padding: 30px 5%;float: none;} .prc4 .ul1 li .txt .ltc{height: auto;} .prc4_2 .ul1{margin-top: 20px;} .prc4_2 .ul1 li{height: auto;margin-bottom: 20px;} .prc4_2 .ul1 li .img,.prc4_2 .ul1 li .txt,.prc4_2 .ul1 li:nth-child(2n) .img,.prc4_2 .ul1 li:nth-child(2n) .txt{width: 100%;float: none;} .prc4_2 .ul1 li .txt{height: 250px;padding: 0 20px 0 0;} .prc4_2 .ul1 li .txt dd{margin-bottom: 15px;} .bf span{animation: pulsate 1.5s ease-out infinite;-webkit-animation: pulsate 1.5s ease-out infinite;} .prc4_2 .ul1 li .img .bf{width: 50px;} .prc5 .ptc{margin-top: 20px;} .prc5_1 .swiper7{margin-top: 20px;} .prc6 .ul1,.prc5_2 .swiper8{margin-top: 20px;} .prc6 .ul1 li{padding: 0 0 20px 0;margin-bottom: 20px;} .prc6 .ul1 li .img,.prc6 .ul1 li .txt{width: 100%;float: none;} .prc6 .ul1 li .txt .ltt{margin-bottom: 5px;} .prc7 .swiper9 .swiper-slide .sbox .txt{height: auto;padding: 20px 5%;} .prc8 .prev10,.prc8 .next10{display: none;} .prc8 .swiper10{width: 90%;margin: 20px auto 0;} .a_dw{top: -60px;} .solu1 .ul1 li .banbox{width: 90%;height: auto;} .solu1 .ul1 li .banbox .img,.solu1 .ul1 li .banbox .txt{width: 100%;float: none;} .solu1 .ul1 li .banbox .img img{width: 80%;margin: 0 auto;} .so_dig1 .tc{margin: 20px 0 10px;line-height: 1.5;} .so_dig1 .img img{width: 100%;} .so_dig1 .img{flex-wrap: wrap;} .so_dig1_1 .ban{width: 90%;margin: 30px auto;} .so_dig1_1 .ban .ul1{position: relative;display: none;} .so_dig1_1 .ban .bg{height: auto;} .so_dig1_1 .ban .img{transform: translate(0%,0%);-webkit-transform: translate(0%,0%);top:20px;left: 10%;width: 80%;} .so_dig1_1 .ban .ul1 li{position: static;width: 100%;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;} .so_dig1_1 .ban .ul1 li .ico{width: 50px;float: none;margin-right: 10px;} .so_dig1_1 .ban .ul1 li .txt{float: none;width: auto;} .so_dig1_1 .ban .ul1 li .txt .ltt{line-height: 40px;} .so_dig1_1 .ban .ul1 li .txt .ltc{opacity: 1;visibility: visible;margin-top: 0px;width:100%;margin-left: 0;} .so_dig1_1 .ban .ul1 li:nth-child(2n) .txt{text-align: justify;} .so_dig2 .tc{margin-top: 20px;} .so_dig2 .tc .img{width: 100%;float: none;} .so_dig2 .tc .txt{position: static;width: 100%;padding: 20px 5%;margin-top: 10px;} .so_dig2_1 .swiper11,.prc7 .swiper9,.so_dig3_1 .banbox{margin-top: 20px;} .so_dig3_1 .banbox .slt{width: 100%;float: none;height: 250px;padding-right: 10px;} .so_dig3_1 .banbox .slt li{margin-bottom: 20px;} .so_dig3_1 .banbox .img{width: 100%;float: none;margin-bottom: 10px;} .so_dig3_1 .banbox .slt li.act{padding-left: 0;} .so_dig3_1 .banbox .slt li s{display: none;} .so_dig4 .banbox .tc{margin: 20px 0;} .so_dig4 .banbox .swiper12{background: rgba(0, 0, 0, 0);} .pr1 .prt .ul2{margin: 20px 0;} .pr1 .prt .ul2 li{width: calc(50% - 5px);} .pr1 .prt .ul2 li .txt{padding:20px 30px 20px 0;} .pr1 .prt .ul2 li .txt .ltc{margin-top: 10px;} .cao2{height: 300px;} .cao2 img{height: 100%;} .cao2 .txt{top: 50px;} .cao2 .txt .tc{max-height: 150px;overflow: auto;padding-right: 10px;line-height: 1.8;} .cao2 .txt .tc::-webkit-scrollbar{ width:4px;height: 1px;} .cao2 .txt .tc::-webkit-scrollbar-thumb{ background:#fabe00;} .cao2 .txt .tc::-webkit-scrollbar-track{ background:#fff;} .cao2 .txt .tc{margin-top: 20px;} .cao3 .tc .img{margin-left: 0;} .cao4 .clt{width: 100%;float: none;} .cao4 .crt{width: 100%;float: none;margin-top: 20px;} .cao4 .crt .ul1 li{padding: 20px 5%;} .cao4 .crt .ul1 li .img,.cao4 .crt .ul1 li .txt{width: 100%;float: none;} .cao4 .crt .ul1 li .img .ltt{width: 100%;height: auto;padding: 0;} .cao4 .crt .ul1 li .img img{margin-bottom: 10px;} .cao5 .ul1{margin-top: 20px;display: block;} .cao5 .ul1 li{width: 100%;text-align: justify;margin-bottom: 20px;} .cao5 .ul1 li .ltt{margin-bottom: 10px;text-align: center;} .cao6 .next17,.cao6 .prev17{display: none;} .cao6 .tt{margin-bottom: 20px;} .cao7 .ban .img{width: 100%;float: none;} .cao7 .ban{flex-wrap: wrap;} .cao7 .ban .txt{width: 100%;float: none;margin-top: 20px;} .cao7 .ban .txt .wtc{margin-top: 10px;} .new1 .ul1{margin: 20px 0;} .new1 .ul1 li{width: 100%;margin: 0 0 20px;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;} .new1 .ul1 li a{border-radius: 0; } .page1{display: none;} .page2{display: block;} .newc1{padding: 10px 0 30px;} .newc1 .nav{flex-wrap: wrap;line-height: 1.5;} .newc1 .nav .act{display: none;} .newc1 .nav span:nth-last-child(2){display: none;} .newc1 .tt{margin: 20px 0;padding: 0;} .newc1 .ntc{margin-top: 20px;padding: 20px 0;} .newc2{padding: 30px 0;} .newc2 .nlt{width: 100%;float: none;} .newc2 .nlt a span{display: none;} .newc2 .nlt a{display: block;margin-bottom: 10px;} .newc2 .nrt{float: none;margin: 0 auto;} .inv1 .intop .itt{line-height: 50px;padding: 20px 0;} .inv1 .inbtm{margin: 20px 0;height: 400px;} .inv2 .inlt{width: 100%;float: none;} .inv2 .inlt .itc,.inv2 .inlt .itc2{margin: 20px 0;} .inv2 .inlt .jg .num{font-size: 40px;} .inv2 .inlt .itc2{line-height: 1.5;} .inv2 .inlt .ul1 li{margin-top: 10px;} .inv2 .inrt{width: 100%;float: none;margin-top: 20px;} .inv2 .inrt .a a{align-items: flex-start;line-height: 1.5;margin-top: 10px;} .inv2 .inrt .a a img{position: relative;top: 5px;} .inv2{padding-bottom: 30px;} .banner .btc{line-height: 1.5;margin-top: 10px;} .vd_tanchuang .vbox{width: 90%;height: auto;border: 5px solid #fff;max-width: 90%;} .vd_tanchuang .vbox video{height: auto;width: 100%;} .vd_tanchuang.act .vbox{top: 30%;} .vd_tanchuang .vbox .out{right: 0;top: -50px;width: 40px;height: 40px;background-size: 20px;} .pd100_1{padding: 30px 0;} .ab2_1 .swiper14{width: 90%;} .ab3 .atop .alt .ul1 li{margin-bottom: 30px;} .ab3 .atop .art,.ab3 .atop .alt{width: 100%;float: none;} .ab3 .abtm{margin-top: 20px;} .ab3 .abtm .ul1{margin-top: 20px;display:block;} .ab3 .abtm .ul1 li{width: 100%;margin-bottom: 20px;} .ab4 .ul1{margin-top: 20px;} .ab4 .ul1 li{width: 100%;float: none;height: auto;padding: 30px 5%;} .ab4 .ul1 li .img{width: 80px;} .ab5 .ul1{margin: 20px 0;} .ab5 .ul1 li{display: block;height: auto;margin-bottom: 20px;} .ab5 .ul1 li .img{width: 100%;} .ab5 .ul1 li .txt{width: 100%;padding: 0 5% 20px;} .ab6 .btn{width: 100%;margin: 20px 0;} .ab6 .dl1 dd .ul1 li{width: 100%;float: none;margin: 0 0 20px;} .ab6 .dl1 dd .ul1 li .bf{opacity: 1;} .img_tanchuang .vbox img{width: 100%;height: auto;} .img_tanchuang .vbox{height: auto;} .img_tanchuang.act .vbox{top: 30%;} .img_tanchuang .vbox .out{right: 0;top: -50px;width: 40px;height: 40px;background-size: 20px;} .ab7 .atop{margin-top: 20px;} .ab7 .atop .alt,.ab7 .abtm .alt{width: 100%;float: none;} .ab7 .atop .art,.ab7 .abtm .art{width: 100%;float: none;margin-top: 20px;padding: 20px 0;} .ab7 .atop .art li{width: 100%;float: none;margin-bottom: 20px;} .ab7 .atop .art li .ltc{margin: 10px 0 20px;min-height: 50px;} .ab7 .atop .art li .ltc a{margin-top: 10px;} .ab7 .abtm .tj{float: none;margin: 0 auto;} .ab7 .abtm .art li{width: 100%;margin: 0 0 20px;} .tab_tanchuang .vbox{width: 90%;} .jo1 .jtop .ul1 li{width: 100%;float: none;margin: 0 0 20px;} .jo1 .jtop .ul1 li s{opacity: 1;} .jo1 .jtop .ul1 li .txt .ltc{height: auto;line-height: 1.5;} .jo1 .jtop .ul1 li .txt .lxian{margin: 10px 0;} .jo1 .jtop .ul1 li .txt{padding: 20px 5%;} .jo2 .jcon{margin: 20px auto 30px;width: 90%;} .jo2 .jcon .jlt{width: 100%;float: none;} .jo2 .jcon .jrt{width: 100%;float: none;margin-top: 20px;} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li,.jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li:nth-child(n +2){width: 49%;float: left;margin: 0 0 2%;height: 150px;} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li:nth-child(2n){float: right;} .jo2 .jcon .jrt .swiper15 .swiper-slide .ul1 li img{height: 100%;} .jo3 .banbox a{width: 100%;float: none;margin-bottom: 10px;} .jo3{padding-bottom: 20px;} .lunb_tanhcuang.act .vbox{top: 30%;} .lunb_tanhcuang .vbox{height: auto;} .lunb_tanhcuang .vbox .out{right: 0;top: -50px;width: 40px;height: 40px;background-size: 20px;} .height{display: none;} .prc3 .next5,.prc3 .prev5{display: none;} .prc2 .next4,.prc2 .prev4{display: none;} .pr1 .prt .ul1 li .mor{opacity: 1;} .i4 .swiper2{padding-bottom: 30px;} .i4 .swiper2 .scrollbar2{display: block;bottom: 0;} .i5 .ilt{display: block;position: relative;width: 100%;height: auto;padding: 20px 5%;} .footer .fbtm2{display: block;} .footer .fbtm2 .a{display: block;color: #fff;line-height: 1.5;margin-bottom: 20px;} .footer .fbtm2 .fdj{color: #fff;margin-bottom: 20px;} .footer .fbtm2 .fdj .fshang{line-height: 24px;position: relative;} .footer .fbtm2 .fdj .fshang s{display: block;width: 24px;height: 24px;background: url(../images/xia.png) center no-repeat;position: absolute;top: 0;right: 0;z-index: 2;background-size: 16px;} .footer .fbtm2 .fdj .fshang.act s{transform: rotate(180deg);-webkit-transform: rotate(180deg);} .footer .fbtm2 .fdj .fxia{padding: 10px 0;display: none;} .footer .fbtm2 .fdj .fxia a{display: block;color: #fff;line-height: 30px;} .lxtanchuang .vbox .out{right: -20px;top: -50px;width: 40px;height: 40px;background-size: 20px;} .lxtanchuang .ab7 .abtm .art{padding: 0;margin: 0;} .more{width: 100px;line-height: 34px;} .solu1 .ul1 li .banbox .txt .ico{display: none;} .solu1 .ul1 li .banbox .txt .ico{} .solu1 .ul1 li .banbox .img .pimg{display: none;} .solu1 .ul1 li .banbox .img .mimg{display: block;} .i6 .ul1 li .txt .len{display: none;} .so_dig1_1{overflow: hidden;} .so_dig1_1 .ban .swiper_lbm{display: block;} .newc1 .ntc video,.newc1 .ntc iframe{display: block; max-width: 100%;height: auto;} .newc1 .ntc iframe{width: 100%;height: auto;} .lunb_tanhcuang .next16,.lunb_tanhcuang .prev16{display: none;} .new1 .ul1 li a .img img:nth-child(1){display: none;} .new1 .ul1 li a .img img:nth-child(2){display: block;} .new1 .ul1 li.jiazai a .img img:nth-child(1){display: block;} .cao5 .ul1 li .ltc{height: auto;} .i2 .ul1 li .img img:nth-child(1),.i2 .ul1 li .img img:nth-child(1){display: none;} .i2 .ul1 li .img img:nth-child(2),.i2 .ul1 li .img img:nth-child(2){display: block;} .lunb_tanhcuang .swiper16 .sbox img{width: 100%;height: auto;} .so_dig2_1 .next11,.so_dig2_1 .prev11{display: none;} }